Dropdown menu

Keyboard

Use the arrow keys to move between items, Enter to activate and Escape to close.

Semantics

Give the Trigger a label that describes the menu. Use clear labels for actions and ask for confirmation before destructive actions.

Checklist

• Give the Trigger a label that describes the menu and make it usable with the keyboard.
• Check that the arrow keys move between items, Enter activates and Escape returns focus to the Trigger.
• Expose checked state and indicate which items open submenus. Disabled items must not activate.

For contrast, zoom and screen reader checks, see the common accessibility checklist.