Accessibility
- The element that opens the menu has role
button.
- The element with role
button has aria-haspopup set to either menu or true.
- When the menu is displayed, the element with role
button has aria-expanded set to true. When the menu is hidden, it is recommended that aria-expanded is not present. If aria-expanded is specified when the menu is hidden, it is set to false.
- The element that contains the menu items displayed by activating the button has role
menu.
- Optionally, the element with role
button has a value specified for aria-controls that refers to the element with role menu.
- With focus on the button, “Enter” or Space opens the menu and places focus on the first menu item. Up and down arrows move focus through menu items.
