Accessibility
Keyboard
|
Key |
Interaction |
|
Tab |
Defaults the focus on the calendar icon. |
|
Enter |
When focused on the calendar icon, opens the dropdown calendar. |
|
Esc |
Closes the calendar interface and is no longer focused. |
When tabbed into the calendar interface:
|
Key |
Interaction |
|
Arrow Keys |
Moves the focus between month values in the calendar interface. |
|
Space or Enter |
Closes the calendar interface and applies the selected month. |
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 2.2 standards for keyboard accessibility guidelines and includes a description of the keyboard interactions. |