Skip to content

Improve DropdownMenu accessibility state#227

Closed
web3blind wants to merge 1 commit into
suitenumerique:mainfrom
web3blind:fix/dropdown-menu-a11y-state
Closed

Improve DropdownMenu accessibility state#227
web3blind wants to merge 1 commit into
suitenumerique:mainfrom
web3blind:fix/dropdown-menu-a11y-state

Conversation

@web3blind
Copy link
Copy Markdown

Summary

  • expose aria-expanded, aria-haspopup, and aria-controls on the DropdownMenu trigger when possible
  • give the rendered menu a stable id so the trigger can reference the open menu
  • mark the visual check icon as decorative and expose selected items with aria-current

Accessibility impact

This improves screen reader feedback for DropdownMenu users by announcing whether the trigger opens a menu and whether it is currently expanded. It also avoids the Material Icons check glyph being announced as extra text for selected entries.

Partially addresses #183. The remaining larger work around focus trapping, Tab behavior, and menu item semantics can be handled separately.

Checks

  • corepack yarn -s tsc --noEmit
  • corepack yarn -s lint (passes with existing warnings in preview components)
  • corepack yarn -s test

@web3blind
Copy link
Copy Markdown
Author

Closing this older iteration in favor of #229, the latest consolidated dropdown accessibility PR.

@web3blind web3blind closed this May 26, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant