No accessibility annotations are needed for overflow menus, but keep these considerations in mind if you are modifying Carbon or creating a custom component.
What Carbon provides
Carbon bakes keyboard operation into its components, improving the experience of blind users and others who operate via keyboard. Carbon also incorporates other accessibility considerations, some of which are described below.
Each overflow menu is in the tab order and is activated by
When the menu is open, the first item takes focus. Focus is moved between menu
items with the
Down arrow keys.
Enter activates the item
with focus (which causes focus to go somewhere else and the menu to close).
Esc collapses the menu and puts focus onto the menu button.
Keep these considerations in mind if you are modifying Carbon or creating a custom component.
- Overflow menus are buttons with
aria-haspopupset to “true”.
- The overflow menu is named with
- Each menu item is an
- Each list item contains a button with
tabindex="-1". See the ARIA authoring practices on menubutton for more considerations.