Skip to content

♿️(frontend) improve dropdown menu focus and semantics#159

Open
Ovgodd wants to merge 1 commit intomainfrom
fix/access-dropdown-focus-and-role
Open

♿️(frontend) improve dropdown menu focus and semantics#159
Ovgodd wants to merge 1 commit intomainfrom
fix/access-dropdown-focus-and-role

Conversation

@Ovgodd
Copy link
Collaborator

@Ovgodd Ovgodd commented Feb 3, 2026

Purpose

Remove incorrect dialog semantics from dropdown menus to improve screen reader announcements and align with menu accessibility patterns.

Proposal

  • Set isNonModal on Popover within DropdownMenu to prevent role="dialog" injection.
  • Keep menu semantics on Menu (role="menu") and first-item focus behavior on open.
  • React Aria Popover uses role="dialog" by default, which is not appropriate for dropdown menus.

@Ovgodd Ovgodd requested a review from PanchoutNathan February 3, 2026 10:00
@Ovgodd Ovgodd self-assigned this Feb 3, 2026
@Ovgodd Ovgodd added the Accessibility Accessibility Update label Feb 3, 2026
avoid dialog role for menus to fix screen reader announcements
@Ovgodd Ovgodd force-pushed the fix/access-dropdown-focus-and-role branch from d4e14b1 to a725b89 Compare February 3, 2026 10:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Accessibility Accessibility Update

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant