UNPKG

@progress/wct-a11y-spec

Version:

Contains accessibility and keyboard navigation specification of Telerik and Kendo web components.

github.com/telerik/web-components-ux/docs

telerik/web-components-ux

40 lines (26 loc) • 1.31 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
## 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 time list: | 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. | ### ActionSheet Popup In adaptive mode, the popup element of the TimeDurationPicker has to implement the keyboard navigation specification for an ActionSheet component. [ActionSheet specification]({{actionsheet_kb_link}})