@progress/wct-a11y-spec
Version:
Contains accessibility and keyboard navigation specification of Telerik and Kendo web components.
33 lines (23 loc) • 1.07 kB
Markdown
## Managing the Focus
Initial focus is on the selected time.
The time dropdown tab sequence is: **hours** part, **minutes** part, **seconds** part, **Cancel** button, **Set** button. The tab key is trapped in the popup.
## Keyboard Shortcuts
### Actions applied to the input:
| Shortcut | Behavior |
| -------- | -------- |
| `Esc` | Closes the popup |
| `Alt/Opt(Mac) + Down` | Opens the popup |
| `Alt/Opt(Mac) + Up` | Closes the popup |
| `Up` | Increases the value of the time segment that is highlighted. |
| `Down` | Decreases the value of the time segment that is highlighted. |
| `Left` | Moves to previous time segment in the input. |
| `Right` | Moves to next time segment in the input. |
| `Backspace` | Deletes value of the time segment. |
### Actions applied to the popup
| Shortcut | Behavior |
| -------- | -------- |
| `Esc` | Closes the popup |
| `Shift + Tab` or `Left` | Focuses previous carousel. |
| `Tab` or `Right` | Focuses next carousel. |
| `Down` | Selects next value in the carousel. |
| `Up` | Selects previous value in the carousel. |