Menu

A collection of options or commands presented to the user, typically used to perform actions or navigate within an application or website. The set of options can be visible at all time (menu bars) or expandable.

Accessibility

Keyboard


Key

Interaction

Space or Enter

Select the highlighted menu item/action.

Arrow Keys

Move within the menu items listed. The Left and Right keys allow for navigating between levels.

Design Checklist


 

Accessible use of color

Color is not used as the only visual means of conveying information and meets a minimum of Level AA WCAG standards.

Accessible contrast for text

Text has a contrast ratio of at least 4.5:1 for small text and 3:1 for large text.

Accessible contrast for UI components

Visual information required to identify components and states (except inactive components) has a contrast ratio of at least 3:1.

Keyboard interactions

It follows WCAG standards for keyboard accessibility guidelines and includes a description of keyboard interactions.