Ensure Bar Graph Accessibility with Patterns, Textures, and Data Tables

[SamiyahKey]

Story

As a with visual impairments or color vision deficiencies,
I need a programmatically accessible data table equivalent,
so that I can accurately interpret the data being presented without relying on color alone or visual elements.

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

Acceptance Criteria

• Visual Updates:

• This should be addressed by Add Patterns and Textures to Bar Graphs #3146

• Programmatic Accessibility:

• Create a corresponding data table that presents the same information as the bar graph.
• Ensure each row and column in the table is properly labeled with descriptive headers.
• Confirm the table can be accessed and navigated by screen readers and other assistive technologies.

• Compatibility:

• Verify that both the updated bar graph and the table are functional and visually clear across various screen sizes and browsers.
• Conduct usability testing with users who have visual impairments to validate the enhancements.

Compliance:

Ensure the updates adhere to WCAG 1.4.1 Use of Color and 1.1.1 Non-Text Content.

Additional Context

• Assign appropriate ARIA roles and labels to ensure screen readers provide meaningful context for the graph.
• If feasible, consider providing users with the option to toggle between a visual and text-based representation of the data.

Issue Links

• 🚧 Blocked by: Add Patterns and Textures to Bar Graphs #3146