Accessibility
Keyboard, focus and screen-reader support for every Litopis date picker.
Included accessibility support
- One active tab stop inside the calendar grid.
- A labelled input with expanded, controls and invalid-state semantics.
- Full localized date labels on day controls.
- Live announcements after month and focused-date changes.
-
Selected, current, outside-month and disabled states in ARIA and
data-*. - Focus returns to the input after selection or Escape.
Keyboard support
| Key | From | Behavior |
|---|---|---|
| ArrowDown | Input | Opens the calendar when needed and moves focus to the active date. |
| ArrowLeft / ArrowRight | Calendar | Moves one day backward or forward. |
| ArrowUp / ArrowDown | Calendar | Moves one week backward or forward. |
| Home / End | Calendar | Moves to the start or end of the configured week. |
| PageUp / PageDown | Calendar | Moves to the previous or next month. |
| Shift + PageUp / PageDown | Calendar | Moves to the previous or next year. |
| Enter / Space | Calendar | Selects the focused date. |
| Escape | Popover | Closes the calendar and restores focus to its input. |
How accessibility is checked
Automated checks cover the public packages and documentation examples.
| Check | What it covers |
|---|---|
| Unit tests | Date limits, input masks, selection and focus behavior |
| Browser tests | Keyboard flows in Chromium, Firefox and WebKit |
| Accessibility scan | axe checks every documentation page and open picker state |