Accessibility
Keyboard
|
Key |
Interaction |
|
Space or Enter |
Open the menu as well as activate menu items with focus |
|
Arrow Keys or Tab |
Move focus through the items |
|
Esc or Enter |
Close the menu |
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 at least 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 Follows WCAG standards for keyboard accessibility guidelines and includes a description of the keyboard interactions. |