psa-systems/mokosh-apps
Watch
9
0
Fork
You've already forked mokosh-apps
 0
Code Issues Pull requests 1 Projects Releases 14 Packages Wiki Activity Actions

fix(a11y): label + aria-expanded on every collapsible toggle (MAPPS-286) #292

Merged
YousifShkara merged 1 commit from fix/MAPPS-286-collapsible-aria into main 2026-06-21 07:20:58 +02:00
Conversation 0 Commits 1 Files changed 2 +29 -1
YousifShkara commented 2026-06-21 07:20:54 +02:00
Owner
Copy link

CollapsibleCard kept aria-expanded but never tied the toggle to its body region, so assistive tech announced "expanded" without telling the user what was being expanded. Add an id on the body and aria-controls on the button so screen readers announce "Contacts, expanded, controls 'lc-collapsible-contacts'" (or equivalent). CollapsibleRail's chevron buttons had aria-label but no aria-expanded, so a screen-reader user couldn't tell whether the rail was open or closed; bind the attribute to the rail's collapsed signal in both the wide-screen toggle and the narrow-screen edge-handle case. The chevron glyph itself was punctuation and was not announced.

#MAPPS-286

CollapsibleCard kept aria-expanded but never tied the toggle to its body region, so assistive tech announced "expanded" without telling the user what was being expanded. Add an id on the body and `aria-controls` on the button so screen readers announce "Contacts, expanded, controls 'lc-collapsible-contacts'" (or equivalent). CollapsibleRail's chevron buttons had aria-label but no aria-expanded, so a screen-reader user couldn't tell whether the rail was open or closed; bind the attribute to the rail's collapsed signal in both the wide-screen toggle and the narrow-screen edge-handle case. The chevron glyph itself was punctuation and was not announced. #MAPPS-286
fix(a11y): label + aria-expanded on every collapsible toggle (MAPPS-286)
All checks were successful
Create release / Create release from merged PR (pull_request) Has been skipped
Details
Check / clippy + fmt + tests (pull_request) Successful in 1m17s
Details
dfbcbac63e 
CollapsibleCard kept aria-expanded but never tied the toggle to its body region, so assistive tech announced "expanded" without telling the user what was being expanded. Add an id on the body and `aria-controls` on the button so screen readers announce "Contacts, expanded, controls 'lc-collapsible-contacts'" (or equivalent). CollapsibleRail's chevron buttons had aria-label but no aria-expanded, so a screen-reader user couldn't tell whether the rail was open or closed; bind the attribute to the rail's collapsed signal in both the wide-screen toggle and the narrow-screen edge-handle case. The chevron glyph itself was punctuation and was not announced.

#MAPPS-286
YousifShkara deleted branch fix/MAPPS-286-collapsible-aria 2026-06-21 07:20:58 +02:00
Sign in to join this conversation.
Reviewers
No reviewers
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
YousifShkara
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
psa-systems/mokosh-apps!292
No description provided.