Story

As a with visual impairments or color vision deficiencies,
I need bar graphs to include patterns or textures in addition to color to differentiate data points,
so that I can accurately interpret the data being presented without relying on color alone.

https://getgov-staging.app.cloud.gov/admin/analytics/#content-start

Acceptance Criteria

• Add patterns, textures, or other non-color indicators to the bar graphs to differentiate data points.
• Ensure the patterns/textures are distinct and easily perceivable by users with visual impairments.
• Verify that the visual updates maintain the readability and aesthetic appeal of the graphs.
• Update the map/legend to reflect the updated colors and patterns/textures to their respective data points.
• Ensure the updated graph is functional across different browsers and screen reader software.
• Implement and test the graph's accessibility updates to comply with WCAG 1.4.1 Use of Color.
• Ensure the updates work consistently across light and dark modes (if applicable).
• Partner with UX Design team member to review and adhere to design standards.

Additional Context

Issue Links

• 🚧 Blocks: Ensure Bar Graph Accessibility with Patterns, Textures, and Data Tables #3148

Implementation notes:

@zandercymatics did some research and found an add-on for the JS charting library we're using (link). Alternatively, consider using a sprite and CSS background.