@progress/wct-a11y-spec
Version:
Contains accessibility and keyboard navigation specification of Telerik and Kendo web components.
33 lines (24 loc) • 1.18 kB
Markdown
## Managing Focus
Initial focus is on the selected time.
The time dropdown tab sequence is: **hours** part, **minutes** part, **seconds** part, **Cancel** button, **Set** button, **Now** button (activated on Enter). The tab key is trapped in the popup.
Enhanced Mouse UX - when mouse is over a timelist - it gets the focus.
## Keyboard Shortcuts
**Actions applied to the input:**
| Shortcut| Behavior |
|---------------------|---------------------|
|`Esc`| Closes the popup|
|`Alt + Down`| Opens the popup|
|`Alt + 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.|