Menu
Menu
Resources
Menu is a container that presents a selection of choices or actions for a user to choose from. The user opens it with a customizable trigger, e.g., an interactive element such as a button, or an interaction, such as right mouse click or keyboard shortcut.
| Key | Function |
|---|---|
| Tab | If focus is on a menu item, Tab closes the menu and moves focus to the next focusable element in the tab order. |
| Shift + Tab | If focus is on a menu item, this action closes the menu and moves focus to the previous focusable element in the tab order. |
| Space / Enter |
|
| Up arrow | When focus is in a menu, Up arrow moves focus to the previous item. |
| Down arrow | When focus is in a menu, Down arrow moves focus to the next item. |
| Right arrow | When focus is in a menu and on a menu item that has a submenu, Right arrow opens the submenu and places focus on its first item. |
| Left arrow | When focus is in a submenu of an item in a menu, Left arrow closes the submenu and returns focus to the parent menu item. |
| Escape | Escape closes the menu, and sets focus to the element element that triggered opening the menu, e.g. a button or the parent menu item from which the menu was opened. |