Flyout Menu

Derived from a popover, the flyout menu features drill-down/nested capabilities for menus and lists.

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


Ref to 23:4917

 

Accessible use of color

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

Ref to 23:4917

Accessible contrast for text

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

Ref to 23:4917

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.

Ref to 23:4917

Keyboard interactions

Follows WCAG standards for keyboard accessibility guidelines and includes a description of the keyboard interactions.