Point of contact

Trevor Pierce

Severity level

3, Moderate. Should be fixed in 1-3 sprints post-launch.

Details

The VA Documents and Letters (step 2) view has an "Expand all" button for the accordions. This button has an aria-expanded attribute that doesn't make sense here because it's a control for multiple accordions, with text that updates to match its current state. Screenshot attached.

Reproduction steps

1. Log into https://staging.va.gov/records/download-va-letters/letters/letter-list with a test user who has benefit letters. I used user 54.
2. Turn on the screen reader of your choice
3. Tab to the "Expand all" button and listen for it to say "Expand all accordions, button, collapsed"
4. Press Enter to expand the accordions
5. Verify the button now says "Close all accordions, button, expanded"

Proposed solution or next steps

I'm proposing we remove the aria-expanded attribute from this button and just use the text to describe what action the button will take.

References, articles, or WCAG support

1. Understanding SC 1.3.1: Info and Relationships (Level A)

Type of issue

• Axe-core
• Screenreader | assistive tech & device support
• Keyboard
• Zoom
• Color, typography, & visual elements
• Components and pattern standards
• Content organization
• Focus
• Headings
• Content style guide
• Link and button labels
• Semantic HTML
• Markup and metadata
• Non-text content and media
• Overall user experience
• Cognitive | user flows & navigating
• URL standards
• Something else