Menu allows a user to view a list of actions and make selections between them. Menus can also include radio buttons and checkboxes.
On this page
Ensure information, structure, and relationships conveyed through presentation can be programmatically determined or are available in text. This means use proper HTML elements to structure your content, so it makes sense when read by assistive technology.
WCAG 2.1 Understanding 1.3.1Ensure all functionality of the content is operable through a keyboard interface. This allows users who can't use a mouse or touchscreen to navigate and use your content.
WCAG 2.1 Understanding 2.1.1If a Web page can be navigated sequentially and the navigation sequences affect meaning or operation, focusable components receive focus in an order that preserves meaning and operability.
WCAG 2.1 Understanding 2.4.3For all user interface components (including but not limited to: form elements, links and components generated by scripts), the name and role can be programmatically determined; states, properties, and values that can be set by the user can be programmatically set; and notification of changes to these items is available to user agents, including assistive technologies.
WCAG 2.1 Understanding 4.1.2| Key | Action |
|---|---|
| Tab | Focuses on the menu trigger or next focusable element. |
| Arrow Keys | Navigates between menu items. |
| Enter/Spacebar | Activates the focused menu item. |
Connect with the DLS Team on Slack or by email.
Check out additional resources.