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

41 lines (25 loc) • 1.86 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
41
## Managing the Focus The DropDownButton is a single tab stop component. ## Keyboard Shortcuts This section lists the keyboard shortcuts supported by the DropDownButton composite elements. ### Main Button Element The following table summarizes the keyboard combinations and input behavior supported by the main DropDownButton `button` element: | Shortcut | Behavior | | -------- | -------- | | `Alt` + `Down Arrow` | Opens the DropDownButton popup and moves the focus to its first `menuitem` element. | | `Enter` | Opens the DropDownButton popup and moves the focus to its first `menuitem` element. | | `Space` | Opens the DropDownButton popup and moves the focus to its first `menuitem` element. | ### Popup Menu Element The following table summarizes the keyboard combinations and input behavior supported by the popup `menu` element of the DropDownButton: | Shortcut | Behavior | | -------- | -------- | | `Alt` + `Up Arrow` | Closes the popup and moves the focus back to the main `button` element. | | `Esc` | Closes the popup and moves the focus back to the main button element. | | `Down Arrow` | Moves the focus to the next `menuitem` element. If the focus is on the last menu item, moves the focus to the first menu item. | | `Up Arrow` | Moves the focus to the previous `menuitem` element. If the focus is on the first menu item, moves the focus to the last menu item. | | `Home` | Moves the focus to the first `menuitem` element. | | `End` | Moves the focus to the last `menuitem` element. | | `Enter` | Clicks (activates) the currently active `menuitem` element and closes the popup. | | `Space` | Clicks (activates) the currently active `menuitem` element and closes the popup. | ## Resources [WAI-ARIA Authoring Practices: Navigation Menu Button](https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/examples/menu-button-links/)