Skip to content

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

Open
Open
Dropdown menu tab button behavior not synced to UI and up / down behavior#314
Assignees
Polleps
Labels
a11yAccessibility issues

Description

@joepio
joepio
opened on 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

Activity

  1. joepio
    added
    a11yAccessibility issues
    on Mar 9, 2023
  2. joepio
    assigned
    Polleps
    on Mar 9, 2023

  3. Polleps commented on Dec 12, 2023

    @Polleps
    Polleps
    on Dec 12, 2023
    Member

    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

Metadata

Metadata

Assignees

Labels

a11yAccessibility issues

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions