AutoSuggest
What component has
Keyboard support
| Key | Function |
|---|---|
Tab | Moves focus to the next focusable element. |
Shift + Tab | Moves focus to the previous focusable element. |
Enter | When the menu is closed: opens the menu. When the menu is open: closes the menu. If an option has been highlighted, applies its value to the input. |
Up Arrow, | When the menu is closed: opens the menu. When the menu is open: moves the highlight between the list options. The highlight cycles from the last to the first option and from the first to the last option. |
Esc | Closes the menu. |
Roles and attributes
For more information about the accessibility of these patterns, refer to the documentation of the components used in them:
Other recommendations
For more accessibility recommendations, refer to the Accessibility guide.