Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dropdown menu tab button behavior not synced to UI and up / down behavior #314

Open
joepio opened this issue Mar 9, 2023 · 1 comment
Open
Assignees
Labels
a11y Accessibility issues

Comments

@joepio
Copy link
Member

joepio commented Mar 9, 2023

Current behavior

  • Open a dropdown (e.g. drive switcher)
  • Move with tab (nothing happens, no visual indicator, however you can exit the dropdown)
  • Move with cursor (see visual indicator move)

Expected behavior

  • Tab or down button bevaves the same way
  • Focus is synced with arrow selection
  • Style set by :focus, just to be sure
@joepio joepio added the a11y Accessibility issues label Mar 9, 2023
@Polleps
Copy link
Member

Polleps commented Dec 12, 2023

This is intended behaviour

Web application menus are expected to work like desktop application menus. For example, the left and right keys are used to iterate through the top-level items, and the up and down arrows are used to navigate submenus. Pressing the tab key focuses the next item after the menu instead of the next menu item.
w3c.org

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a11y Accessibility issues
Projects
None yet
Development

No branches or pull requests

2 participants