Accessibility
Focus order
Keyboard
|
Key |
Interaction |
|---|---|
|
Space or Enter(On button) |
Executes selected action |
|
Space or Enter(On chevron) |
Opens the menu |
|
Up and Down arrows(Menu open) |
Cycles through menu options |
|
Space or Enter(On menu item) |
Selects action |
Design Checklist
|
✅ |
Accessible use of color: Color is not 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 elements 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. |