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

21 lines (14 loc) • 1.89 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
## Managing the Focus The Upload component contains a single or multiple tab stops depending on its configuration and content. When the `autoUpload` option is set to true, the `Select Files` button is the first tabstop and starting point for the navigation. When there are selected files present, the file list is a separate tab stop, implementing roving tab index (only one item is focusable and it is changed dynamically based on navigation). Setting the `autoUpload` to false, the `Clear` and `Upload` buttons are included in the tab sequence. - When a selected file is deleted, the focus is moved to the next file (if present), the previous one (if there is no next, and there is previous), or to the `Select Files` button if there are no files left in the list. ## Keyboard Shortcuts | Shortcut | Behavior | | -------- | -------- | | `Tab` | Switches focus between the Select File Button, the list of selected files, and the action buttons (Cancel, Upload) after the file list. | | `Space/Enter` | Opens the Select file dialog if the Select files button is focused. | | `DownArrow` | Highlights the next file in the file list (if such exists) when a file list item is focused. | | `UpArrow` | Highlights the previous file in the file list (if such exists) when a file list item is focused. | | `Enter` | Retries the upload of the failed file when the focus is on a file list item or starts the file upload for a valid file. | | `Escape` | Cancels the upload of the highlighted file when the focus is on a file list item | | `Space` | When Chunk upload is enabled Start or Pause the highlighted file upload | | `Delete` | Removes the highlighted file when the focus is on a file list item. Focus is moved to the next file (if present), previous file (if there is no next and there is previous), or is returned to the Select Files button if the last file from the list is deleted. |