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

33 lines (24 loc) • 1.19 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
--- title: Color Picker category: components slug: color-picker position: 10 --- # ColorPicker Keyboard Support ## Keyboard Shortcuts ### When k-colorpicker element is focused | Shortcut | Behavior | |----------|----------| | `Alt Down` | Opens pop up| | `Enter` | Opens pop up| | `Alt Up` or `Esc` | Closes popup| ### When focus is in the Popup When opened, the Popup element uses Tab navigation to iterate over its inner elements. The focus remains trapped within the Popup. The inner elements (**ColorPlatte**, **ColorGradient** and **Buttons**s implement their own specification). | Shortcut | Behavior | |----------|----------| | `Esc` | Closes Popup and moves focus back to k-colorpicker element. | | `Tab` | Navigates to the next focusable element in the Popup. If current focus is on the last element, moves focus to the first focusable item in the Popup. | | `Shift` + `Tab` | Navigates to the previous focusable element in the Popup. If current focus is on the first element, moves focus to the last focusable item in the Popup. | | `Enter` | For button items, executes the currently focused button action. | ## Resources https://www.w3.org/TR/wai-aria-practices/#combobox