Skip to content



WCAG 2.1 AA: Ideal Support

Component is usable and understandable for the majority of people with or without disabilities. The meaning conveyed and the functionality available is the same.

What component has

Keyboard support

Keyboard support
Key Function
Tab Moves focus to the next focusable element.
Shift + Tab Moves focus to the previous focusable element.
Esc Closes the modal window.

See detailed information about the keyboard support for the all form elements in the Keyboard control guide.

Roles and attributes

The list below describes roles and attributes that component already has.

Roles and attributes
Role Attribute Element Usage
menu div It's a type of composite widget that offers a list of choices to the user.
menuitem div Indicates the element is an option in a set of choices contained by a menu or menubar.
aria-current="active" div aria-current state on an element indicates that this element represents the current item within a container or set of related elements.


Other recommendations

See more accessibility recommendations in the common Accessibility guide.