Skip to content

Commit bf52b76

Browse files
vveesseelliinnaapepinho24
authored andcommitted
docs(multiselect): Add Keyboard support article
1 parent 85f9286 commit bf52b76

File tree

1 file changed

+46
-0
lines changed

1 file changed

+46
-0
lines changed

controls/multiselect/accessibility-and-internationalization/keyboard-support.md

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,3 +9,49 @@ position: 1
99
---
1010

1111

12+
# Keyboard Support
13+
14+
The MultiSelect also follows the [WAI-ARIA best practices](https://www.w3.org/TR/wai-aria-practices/) for implementing the keyboard navigation for its component role and is tested against the popular screen readers.
15+
16+
The keyboard navigation of the MultiSelect is always available, you can use the following keys in order to utilize this functionality:
17+
18+
#### Focus
19+
* **[Access key + w]** - focuses the widget
20+
21+
#### Closed Popup
22+
* **[left arrow]** - highlights previous selected item
23+
* **[right arrow]** - highlights next selected item
24+
* **[home]** - highlights first selected item
25+
* **[end]** - highlights last selected item
26+
* **[delete]** - deletes highlighted item
27+
* **[backspace]** - deletes previous selected item
28+
* **[down arrow]** - opens the popup
29+
* **[esc]** - clears all items
30+
31+
#### Opened Popup
32+
* **[up arrow]** - highlights previous item
33+
* **[shift + up arrow]** - selects previous item
34+
* **[down arrow]** - highlights next item
35+
* **[shift + down arrow]** - selects next item
36+
* **[home]** - highlights first item in the popup
37+
* **[ctrl + shift + home]** - selects items to the beginning
38+
* **[end]** - highlights last item in the popup
39+
* **[page up]** - scrolls the popup up
40+
* **[page down]** - scrolls the popup down
41+
* **[ctrl + shift]** - end selects items to the end
42+
* **[enter]** - selects highlighted item
43+
* **[ctrl + space]** - selects highlighted item
44+
* **[ctrl]** - a selects all items
45+
* **[esc]** - closes the popup
46+
* **[up arrow]** - closes the popup if the first item is highlighted
47+
* **[esc]** - closes the popup
48+
49+
50+
## See Also
51+
52+
* [Live Demo: RadMultiSelect Keyboard Support](http://demos.telerik.com/aspnet-ajax/multiselect/keyboard-navigation)
53+
54+
* [Right-to-Left Support]({%slug multiselect/accessibility-and-internationalization/right-to-left-support%})
55+
56+
57+

0 commit comments

Comments
 (0)