Accessibility

1. Overview

The Camms.Risk Incident application components are developed to comply with the Web Content Accessibility Guidelines (WCAG) 2.1 and WAI-ARIA. As per these guidelines, in order to make the application content more accessible and user friendly for users with cognitive and sensory impairments, several mechanisms have been adopted enabling all users to easily interact and carry out application functions.

In accordance with these guidelines, the application components include support for:

  • WAI-ARIA Support

  • Keyboard Shortcuts

  • Right to Left Languages

  • High Contrast Themes

  • Charts

Note: For more information on the level of compliance of each component, please visit https://docs.telerik.com/kendo-ui/accessibility/section-508-wcag.

2. WAI-ARIA Support

WAI-ARIA enables the web content to be more accessible by supporting assistive technologies such as on-screen readers. The design patterns stated in https://www.w3.org/TR/wai-aria-practices/#aria_ex are closely followed to ensure that all widgets are WAI-ARIA compliant.

Note: In dropdown lists, the index of the selected option number will be announced by the screen reader only when the dropdown list is in an expanded state.

3. Keyboard Shortcuts

Keyboard shortcuts enables disabled users to conveniently interact with the application via an elementary source. Given below are the relevant key combinations to access each component.

3.1 Autocomplete

Key

Action

Key

Action

Access key + w

Focus the widget

Up arrow

Highlights previous item

Down arrow

Highlights next item / opens popup if value is set

Page up

Scrolls the popup up

Page down

Scrolls the popup down

Enter

Selects highlighted item

Esc

Closes the popup / clears value if popup is not opened

3.2 Breadcrumb

Key

Action

Key

Action

Alt+ w

Focuses the editable breadcrumb

Enter

  • When focused and if the breadcrumb is editable:  triggers edit mode

  • When focused and if the breadcrumb is navigational: Navigates to the URL

  • When in edit mode: saves the changes, exits edit mode and focuses the root item

Tab

When the widget is focused, navigates through the items

Esc

Exits edit mode without saving the changes

3.3 Buttons

Key

Action

Key

Action

Alt + w

Focuses the first button (clicking on it or tabbing will also work)

Enter + spacebar

Trigger click event

3.4 Button Group

Key

Action

Key

Action

Alt+ w

Focuses the first button of the Button Group

Shift + tab

Highlights button to the left

Tab

Highlights button to the right

Left arrow

Highlights button to the left

Right arrow

Highlights button to the right

Enter or spacebar

Trigger select event

3.5 Calendar

Key

Action

Key

Action

Alt+ w

Focuses the widget

Left arrow

Highlights previous day

Right arrow

Highlights next day

Up arrow

Highlights same day from the previous week

Down arrow

Highlights same day from the next week

Ctrl + left arrow

Navigates to previous month

Ctrl + right arrow

Navigates to next month

3.6 Colourpicker

Simple Selector

Key

Action

Key

Action

Access key + s

Focuses the simple selector

Enter / down arrow

Opens the popup (when the popup is closed)

Left arrow

Selects previous colour

Right arrow

Selects next colour

HSV Selector

Key

Action

Key

Action

Access key + h

Focuses the HSV selector

Enter / down arrow

Opens the popup (when the popup is closed)

Left arrow

Update saturation/value in the big rectangle

Right arrow

Update saturation/value in the big rectangle

Ctrl + left/right arrow

Update hue slider

Ctrl + up/down arrow

Update opacity slider (when opacity is present)

Shift

Hold shift for fine-tuning

Enter

Select current colour

Esc

Cancel the selection

3.7 Combo Box

Key

Action

Key

Action

Alt + w

Focuses the widget

Up arrow

Highlights previous item

Down arrow

Highlights next item

Home

Highlights first item

End

Highlights last item

Page up

Scrolls the popup up

Page down

Scrolls the popup down

Enter

Selects highlighted item

Esc

Closes the popup / clears value if popup is not opened

Alt + down arrow

Opens the popup

Alt + up arrow

Closes the popup

3.8 Checkbox group

Key

Action

Key

Action

Access key + w

Focuses first checkbox in the group

Tab

Focuses next item

Shift + tab

Focuses previous item

Spacebar

Select/deselect item

3.9 DateInput

Key

Action

Key

Action

Access key + w

Focuses the widget

Left arrow

Highlights previous day part

Right arrow

Highlights next day part

Up arrow

Increase current date part

Down arrow

Decrease current date part

Spacebar

Highlights next day part

Delete, backspace

Clears current date part

Mouse wheel rotated up

Increase current date part

Mouse wheel rotated down

 

3.10 DatePicker

Key

Action

Key

Action

Access key + w

Focuses the widget

Closed popup

Key

Action

Key

Action

Esc

Closes the popup

Alt + down arrow

Opens the popup

Alt + up arrow

Closes the popup

Opened popup

Key

Action

Key

Action

Left arrow

Highlights previous day

Right arrow

Highlights next day

Up arrow

Highlights same day from the previous week

Down arrow

Highlights same day from the next week

Ctrl + left arrow

Navigates to previous month

Ctrl + right arrow

Navigates to next month

Ctrl + up arrow

Navigates to previous view

Ctrl + down arrow

Navigates to next view

Home

Highlights first day of the month

End

Highlights last day of the month

Enter

If in 'month' view selects the highlighted day. In other views navigates to a lower view

3.11 DateRangePicker

Key

Action

Key

Action

Access key + w

Focuses the widget

Closed popup

Key

Action

Key

Action

Access key + w

Focuses the widget

Enter

Triggers change event

Esc

Closes the popup

Alt + down arrow

Opens the popup

Alt + up arrow

Closes the popup

Opened popup

Key

Action

Key

Action

Left arrow

Highlights previous day

Right arrow

Highlights next day

Up arrow

Highlights same day from the previous week

Down arrow

Highlights same day from the next week

Shift + arrow

Performs range selection

Ctrl + left arrow

Navigates to previous set of views

Ctrl + right arrow

Navigates to next set of views

Ctrl + up arrow

Navigates to previous view

Ctrl + down arrow

Navigates to next view

Home

Highlights first day of the month

End

Highlights last day of the month

3.12 DateTimePicker

Key

Action

Key

Action

Access key + w

Focuses the widget

Closed popup

Key

Action

Key

Action

Enter

Triggers change event

Esc

Closes the popup

Alt + down arrow

Toggles popups

Alt + up arrow

Closes the opened popup

Opened popup

Key

Action

Key

Action

Left arrow

Highlights previous day

Right arrow

Highlights next day

Up arrow

Highlights same day from the previous week

Down arrow

Highlights same day from the next week

Ctrl + left arrow

Navigates to previous month

Ctrl + right arrow

Navigates to next month

Ctrl + up arrow

Navigates to previous view

Ctrl + down arrow

Navigates to next view

Home

Highlights first day of the month

End

Highlights last day of the month

Enter

If in 'month' view selects the highlighted day. In other views navigates to a lower view

Opened popup (Time view)

Key

Action

Key

Action

Up arrow

Selects previous available time

Down arrow

Selects next available time

3.13 Dialog

Key

Action

Key

Action

Access key + w

Focuses the dialog

Esc

Closes the dialog.

Enter / spacebar

Triggers the focused action and the close button, if focused

3.14 Drawer

Key

Action

Key

Action

Access key + w

Focuses the widget

Up arrow

Focuses previous item

Down arrow

Focuses next item

Spacebar / enter

Selects item

Home

Focuses first item

End

Focuses last item

Esc

Calls the hide method of the drawer

Up arrow

Selects previous available time

Down arrow

Selects next available time

3.15 DropDownList

Key

Action

Key

Action

Access key + w

Focuses the widget

Up arrow / left arrow

Highlights previous item

Down arrow / right arrow

Highlights next item

Home

Selects first item in the list

End

Selects last item in the list

Page up

Scrolls the popup up

Page down

Scrolls the popup down

Enter

Selects highlighted item

Esc

Closes the popup

Alt + down arrow

Opens the popup

Spacebar

Opens the popup/selects highlighted item

Alt + up arrow

Closes the popup

3.16 DropDownTree

Key

Action

Key

Action

Access key + w

Closed – focuses the widget

Closed popup

Key

Action

Key

Action

Left arrow

Highlights previous selected item

Right arrow

Highlights next selected item

Home

Highlights first selected item

End

Highlights last selected item

Delete

Deletes highlighted item

Backspace

Deletes the highlighted item or the last item

Alt + down arrow

Opens the popup

Esc

Clears all items

Opened popup

Key

Action

Key

Action

Home

 Highlights first item in the popup

  • Na

End

Highlights last item in the popup

Esc

Closes the popup

Up arrow

Highlights previous item

Down arrow

Highlights next item

Alt + up arrow

Closes the popup

Navigates inside TreeView

Key

Action

Key

Action

Left arrow

Collapses the item

Right arrow

Expands the item

Home

Highlights first item in the list

End

Highlights last item in the list

Up arrow

Highlights previous item

Down arrow

Highlights next item

Alt + up arrow

Opened -closes the popup

Enter

Selects highlighted item when there are no checkboxes

Spacebar

Checks highlighted item when there are checkboxes

3.17 Editor

Key

Action

Key

Action

F10

Focuses toolbar

Tab/right arrow

Focuses next tool icon

Shift + tab/left arrow

Focuses previous tool icon

Home

Focuses first tool

End

Focuses last tool

Enter/spacebar

Activates tool

3.18 Image Editor

Key

Action

Key

Action

Tab

Focuses next focusable item

Shift + tab

Focuses previous focusable item

Enter

Presses the focused button

Spacebar

Presses the focused button

Ctrl + z

Undo

Ctrl + v

Redo

3.19 File manager

Key

Action

Key

Action

Access key + w

Focuses the widget

3.20 FloatingActionButton

Key

Action

Key

Action

Access key + w

Focuses the widget

Enter / spacebar

Opens the speed-dial popup and moves the focus to first item or triggers click handler

Up arrow

Moves focus to the previous item

Down arrow

Moves focus to the next item

Esc

Closes the speed-dial popup

Home

Moves the focus to the first item

End

Moves the focus to the last item

3.21 Gantt

Key

Action

Key

Action

Access key + w

Focuses the widget

Actions applied on Gantt's toolbar

Key

Action

Key

Action

F10

Focuses toolbar

Tab

Focuses next toolbar item

Shift + tab

Focuses previous toolbar item

Enter or spacebar

Activates toolbar item

Right

Focuses next view when focus is over the views container

Left

Focuses previous view when focus is over the views container

Actions applied on Gantt's Timeline

Key

Action

Key

Action

Delete

Deletes currently selected task and/or dependency

Actions applied on Gantt's TreeList header

Key

Action

Key

Action

Enter

Sort by the column

Actions applied on Gantt's TreeList data table

Key

Action

Key

Action

Arrow keys

Navigate over the cells

Enter

Opens cell editor

Esc

Closes cell editor

Spacebar

Selects currently highlighted cell's row

Delete

Deletes currently selected task

1 - 3

Moves between the available views

Alt + left arrow / alt + right arrow

Scrolls timeline

Actions applied on 'Add Task' action DropDown

Key

Action

Key

Action

Up arrow

Highlights previous item

Down arrow

Highlights next item

Enter

Selects highlighted item

Esc

Closes the dropdown

Up arrow

Highlights previous item

Down arrow

Highlights next item

Enter

Selects highlighted item

3.22 Grid

Key

Action

Key

Action

Access key + w

Focuses the widget

Actions applied on Grid header

Key

Action

Key

Action

Enter

Sort by the column

Alt + down arrow

Opens the filter menu

Esc

Closes the filter menu

Tab

Navigates through the elements in the filter menu(default browser behaviour)

Shift + tab

Same as Tab, but in reverse order

Ctrl + left arrow

Reorders the column with the previous one

Ctrl + right arrow

Reorders the column with the next one

Actions applied on Grid data table

Key

Action

Key

Action

Arrow keys

Navigate over the cells

Enter

On group row will toggle expand/collapse

Page up

Pages on previous page

Page down

Pages on next page

Spacebar

Selects the row holding the currently highlighted cell

Ctrl + spacebar

Selects or deselects the current row, while persisting previously selected rows (only for selection mode 'multiple')

Shift + spacebar

Performs range selection, selects all the rows between the last selected one (with spacebar or mouse click) and the one holding the focused cell

Shift + arrow keys

Adds the row which holds the focused cell to the selection (only for selection mode 'multiple')

Ctrl + home

Focuses the first focusable element inside the body

Ctrl + end

Focuses the last focusable cell in the last row

Home

Focuses the first focusable cell in the row

End

Focuses the last focusable cell in the row

Ctrl + spacebar

Group/ungroup the focused column

3.23 ListBox

Key

Action

Key

Action

Alt + w

Focuses the widget

Up arrow

Selects previous item

Down arrow

Selects next item

Delete

Deletes selected items

Ctrl  + spacebar

Selects/deselects item

Shift  + up arrow

Adds the previous item to the selected items

Shift +  down arrow

Adds the next item to the selected items

Ctrl + right arrow

Adds the selected items to the connected ListBox

Ctrl + left arrow

Adds the selected items from the connected ListBox to the current

Ctrl + up arrow

Moves the focus to the previous item

Ctrl + down arrow

Moves the focus to the next item

Ctrl + shift + up arrow

Shifts selected items upwards

Ctrl + shift + down arrow

Shifts selected items downwards

Ctrl + shift + left arrow

Transfers all items to the connected ListBox

Ctrl + shift + right arrow

Transfers all items from the connected ListBox

Ctrl + right arrow

Adds the selected items to the connected ListBox

3.24 ListView

Key

Action

Key

Action

Alt + w

Focuses the widget

Right

Goes to the next item (same as Down)

Left

Goes to the previous item (same as Up)

Home

Goes to the first item

End

Goes to the last item

Right

Goes to the next item (same as Down)

Left

Goes to the previous item (same as Up)

Home

Goes to the first item

End

Goes to the last item

Enter

Enter Edit mode or Apply changes

Esc

Edit mode and Cancel changes

Tab

Tabs away from the ListView on the next focusable page element

Shift + tab

Tabs away from the ListView on the previous focusable page element

Spacebar

Select item

3.25 MediaPlayer

Key

Action

Key

Action

Alt + w

Focuses the widget

Spacebar

Toggles Play and Pause

Enter

Opens the video in the Full Screen mode

Esc

Exits the Full Screen mode

M

Toggles Mute and Unmute

3.26 Menu

Key

Action

Key

Action

Alt + w

Focuses vertical menu (clicking on it or tabbing works too)

Alt + q

Focuses the horizontal menu (clicking on it or tabbing works too)

Home

Goes to the first item

End

Goes to the last item

Right arrow

Goes to the next item or opens an item group

Left arrow

Goes to the previous item or closes an item group

Down arrow

Opens an item group or goes to the next item in a group

Up arrow

Goes to the previous item in a group

Enter

Select or navigate item (same as click)

Spacebar

Select or navigate item (same as click)

Esc

Closes the innermost open group

Tab

Tabs away from the Menu on the next focusable page element

Shift + tab

Tabs away from the Menu on the previous focusable page element

3.27 MultiColumnComboBox

Key

Action

Key

Action

Alt + w

Focuses vertical menu (clicking on it or tabbing works too)

Up arrow

Highlights previous item

Down arrow

Highlights next item

Home

Highlights first item

End

Highlights last item

Page up + s

Scrolls the popup up

Page down

Scrolls the popup down

Enter

Selects highlighted item

Esc

Closes the popup / clears value if popup is not opened

Alt + down arrow

Opens the popup

Alt + up arrow

Closes the popup

3.28 Multiselect

Closed popup

Key

Action

Key

Action

Left arrow

Highlights previous selected item

Right arrow

Highlights next selected item

Home

Highlights first selected item

End

Highlights last selected item

Delete

Deletes highlighted item

Backspace

Deletes previous selected item

Down arrow

Opens the popup

Esc

Clears all items

Left arrow

Highlights previous selected item

Right arrow

Highlights next selected item

Opened popup

Key

Action

Key

Action

Up arrow

Highlights previous item

Shift + up arrow

Arrow selects previous item

Down arrow

Highlights next item

Shift + down arrow

Selects next item

Home

Highlights first item in the popup

Ctrl + shift + home

Selects items to the beginning

End

Highlights last item in the popup

Page up

Scrolls the popup up

Page down

Scrolls the popup down

Ctrl + shift + end

Selects items to the end

Enter

Enter selects highlighted item

Ctrl + spacebar

Selects highlighted item

Ctrl + a

Selects all items

Up arrow

Closes the popup if the first item is highlighted

Esc

Closes the popup

3.29 MultiViewCalendar

Key

Action

Key

Action

Alt + w

Focuses the widget

Left arrow

Highlights previous day

Right arrow

Highlights next day

Up arrow

Highlights same day from the previous week

Down arrow

Highlights same day from the next week

Ctrl + left arrow

Navigates to previous month

Ctrl + right arrow

Navigates to next month

Left arrow

Highlights previous day

Right arrow

Highlights next day

Up arrow

Highlights same day from the previous week

Down arrow

Highlights same day from the next week

Ctrl + left arrow

Navigates to previous month

Ctrl + right arrow

Navigates to next month

Ctrl + up arrow

Ctrl up arrow navigates to previous view

Ctrl + down arrow

Ctrl down arrow navigates to next view

Home

Highlights first day of the first month

End

Highlights last day of the last month

Enter or spacebar

If in 'month' view selects the highlighted day. In other views navigates to lower view

Multiple selection mode

Key

Action

Key

Action

Ctrl + enter / spacebar

Adds the highlighted day to the current selection. If that day was already selected it is removed from the selection

Shift + left arrow or right arrow

Adds the next/previous date to the selected items

Shift + up arrow or down arrow

Selection up/down one row in month view

Shift + spacebar

Perform range selection, selects all dates between the last selected one (with spacebar or mouse click) and the one holding the focused cell

3.30 NumericTextBox

Key

Action

Key

Action

Alt + w

Focuses the widget

Up arrow

Increases the widget's value

Down arrow

Decreases the widget's value

3.31 PanelBar

Key

Action

Key

Action

Alt + w

Focuses the widget

Up arrow

Highlights previous item

Left arrow

Highlights previous item

Down arrow

Highlights next item

Right arrow

Highlights next item

Home

Selects first item in the list

End

Selects last item in the list

Enter

Selects highlighted item/toggles item's group

Spacebar

Selects highlighted item/toggles item's group

3.32 PDFViewer

Key

Action

Key

Action

Alt + w

Focuses the widget

Tab

Focuses the next element in the toolbar

Shift + tab

Focuses the previous element in the toolbar

Enter

Presses the focused toolbar button

3.33 Rating

Key

Action

Key

Action

Alt + w

Focuses the widget

Up arrow

Selects the next item

Right arrow

Selects the next item

Left arrow

Selects the previous item

Down arrow

Selects the previous item

Home

Sets value to the min option

End

Sets value to the max option

3.34 RadioGroup

Key

Action

Key

Action

Alt + w

Focuses the widget

Left arrow

Selects previous item

Right arrow

Selects next item

Up arrow

Selects previous item

Down arrow

Selects next item

3.35 Scheduler

Key

Action

Key

Action

Alt + w

Focuses the widget


Actions applied on Scheduler toolbar

Key

Action

Key

Action

F10

Focuses toolbar

Tab

Focuses next toolbar item

Shift + tab

Focuses previous toolbar item

Enter or spacebar

Activates toolbar item

Right

Focuses next view when focus is over the views container

Left

Focuses previous view when focus is over the views container

Actions applied on Scheduler table

Key

Action

Key

Action

Arrow keys

Change selected cell

Enter

Creates new event on selected cells/opens edit window for a selected event

Tab

Focuses next available event

Shift + tab

Focuses previous available event

1 - 5

Switch between available views

Esc

Closes the edit popup window

Shift + arrow keys

Select multiple cells

3.36 Slider

Key

Action

Key

Action

Alt + w

Focuses the slider (clicking on it or tabbing works too)

Alt + q

Focuses the range slider (clicking on it or tabbing works too)

Right

Increments the value by a small step (equivalent to Up)

Left

Decrements the value by a small step (equivalent to Down)

Page up

Increments the value by a large step

Page down

Decrements the value by a large step

Home

Move the draghandle to the min value

End

Move the draghandle to the max value

Tab

Tabs to second range slider draghandle or next focusable page element

Shift + tab

Tabs to first range slider draghandle or previous focusable page element

3.37 Splitter

Key

Action

Key

Action

Alt + w

Focuses first splitbar

Left arrow

Moves focused splitbar to the left (if horizontal splitter)

Right arrow

Moves focused splitbar to the right (if horizontal splitter)

Up arrow

Moves focused splitbar up (if vertical splitter)

Down arrow

Moves focused splitbar down (if vertical splitter)

Ctrl left arrow

Collapses the left pane or expands the right one

Ctrl right arrow

Collapses the right pane or expands the left one

Ctrl down arrow

Collapses the upper pane or expands the lower one

Ctrl up arrow

Collapses the lower pane or expands the upper one

Ctrl left arrow

Collapses the left pane or expands the right one

Enter

Accepts current position of the splitbar

Esc

Returns splitbar to its initial position

3.38 Spreadsheet

Actions applied on the content of the Spreadsheet

Key

Action

Key

Action

Ctrl + c

Copies the selected cells

Ctrl + v

Inserts copied or cut cells to a selected location within the worksheet

Ctrl + x

Cuts the selected cells

Ctrl + y

Repeats the last action if possible by using the Redo command

Ctrl + z

Reverses the last action if possible by using the Undo command

Delete

In the Formula bar, deletes the character to the right of the insertion point from the formula text

  • In cell selection mode, removes the content from selected cells without affecting cell formats

    In cell editing mode, it deletes the character to the right of the insertion point

Backspace

In the Formula bar, deletes one character to the left from the formula text

  • In cell selection mode, removes the content of the active cell

    In cell editing mode, it deletes the character to the left of the insertion point

Actions applied on element selection

Key

Action

Key

Action

Ctrl + select a cell

Selects an adjacent or non-adjacent cell

Ctrl + select cells

Selects a range of adjacent or non-adjacent

Ctrl + a

Selects the whole worksheet

Ctrl + select a row or column

Selects an adjacent or nonadjacent row or column

Ctrl + select rows or columns

Selects a range of adjacent or nonadjacent rows or columns

Shift + arrow Key

Selects a range of adjacent cells, rows or columns by extending the selection by one cell, row or column

Ctrl + shift + arrow key

Extends the selection of cells to the last cell of the current series of data. If there is another set of data afterwards, the cell selection will be extended to the first cell of the new series of data. Otherwise, the cell selection will be extended to the last cell of the worksheet in the corresponding direction.

Down / up arrow

  • In a menu or submenu, selects the next or previous command

    In a dialog box, the arrow keys move between options in an active drop-down list, or between options in a group of options

Ctrl + shift + end

In cell selection mode, extends the selection of cells to the last cell on the worksheet located in bottom-right corner

Ctrl + shift + home

Extends the selection of cells to the beginning (the top-left cell) of the worksheet

Actions Applied for navigation within the Spreadsheet

Key

Action

Key

Action

Ctrl + arrow key

Navigates to the end of the current series of data. If there is another set of data afterwards, the first cell of the new series will be selected. Otherwise, you will be navigated to the last cell of the worksheet in the corresponding direction

Arrow keys

Arrow keys move one cell up, down, right of left in the worksheet

Shift + tab

  • In cell selection mode, moves to the previous cell in a worksheet. If the currently active cell is the first cell (the top-left cell) in the Sheet, pressing Shift + Tab will move the focus outside of the sheet to the Named ranges ComboBox on the spreadsheet toolbar

  • In a dialog box, moves to the previous option or option group

  • In range selection of cells, rows or columns, moves to the previous cell within the active range. If the focus is on the first cell (the top-left cell) in the range (the top-left), the focus will return to the last (the bottom-left) cell in the range

Tab

  • In cell selection mode, moves one cell to the right in a worksheet. If the currently active cell is the last cell (the bottom-right cell) in the Sheet, pressing Tab will move the focus outside of the Spreadsheet to the next focusable element on the page

  • In a dialog box, moves to the next option or option group in a dialog box

  • In range selection of cells, rows or columns, moves to the next

Page down

Moves one screen down in a worksheet

Page up

Moves one screen up in a worksheet

Home

In cell selection mode, moves to the beginning of a row in a worksheet

Ctrl + home

In cell selection mode, moves to the first cell (the top-left cell) on a worksheet

End

In cell selection mode, moves to the far right cell of the active row

Ctrl + end

In cell selection mode, moves to the last cell on a worksheet, in the lowest used row of the used column on the bottom-right

Other actions

Key

Action

Key

Action

Alt + spacebar

Displays the Control menu for the Spreadsheet window

Spacebar

In a dialog box, performs the action for the selected button, or selects or clears a check box

Enter

In cell editing mode or in the formula bar, completes a cell entry and selects the cell below.

  • In a data form, it moves to the first field in the next record

  • In the command toolbar, opens a selected menu or performs the action for a selected command.

  • In a dialog box, it performs the action for the default command button in the dialog box

Esc

  • In cell editing mode or in the Formula bar, cancels an entry in the cell or Formula Bar

  • Closes an open menu or submenu, dialog box or message window

Ctrl + p

Displays the Print dialog box

Ctrl + s

Saves the active spreadsheet file

3.39 Stepper

Key

Action

Key

Action

Alt + w

Focuses the widget

Shift + tab or left arrow or up arrow

Focuses previous step

Tab or right arrow or down arrow

Focuses next step

Home

Focuses first step

End

Focuses last step

Spacebar or enter

Selects focused step

3.40 Switch

Key

Action

Key

Action

Alt + w

Focuses the widget

Spacebar

Toggle the checked state

3.41 TabStrip

Key

Action

Key

Action

Alt + w

Focuses the widget

Left arrow

Selects previous tab

Right arrow

Selects next tab

Home

Selects first tab

End

Selects last tab

3.42 Timeline

Actions applied in vertical mode

Key

Action

Key

Action

Alt + w

Focuses the widget

Tab

Focus next card

Shift + tab

Focus previous card

Spacebar

Toggle the expand/collapse state of the item

Enter

Toggle the expand/collapse state of the item

Actions applied in horizontal mode

Key

Action

Key

Action

Left arrow

Focuses the previous date

Right arrow

Focuses the next date

Enter

Selects the current event

Spacebar

Selects the current event

3.43 TimePicker

Closed popup

Key

Action

Key

Action

Alt + w

Focuses the widget

Enter

Triggers change event

Esc

Closes the popup

Alt + down arrow

Opens the popup

Alt + up arrow

Closes the popup

Opened popup

Key

Action

Key

Action

Up arrow

Selects previous available time

Down arrow

Selects next available time

3.44 Toolbar

Key

Action

Key

Action

Alt + w

Focuses the widget

TAB or right

Focuses next focusable item

Shift + tab or left

Focuses previous focusable item

Enter

Presses the focused button

Spacebar

Presses the focused button

Home

Focuses first focusable item

End

Focuses last focusable item

Action applied on SplitButton/CommandOverflow

Key

Action

Key

Action

Alt + down

Opens SplitButton/ComandOverflow menu

Down

Focuses next item in the SplitButton/CommandOverflow menu

Up

Focuses previous item in the SplitButton/CommandOverflow menu

Alt + up

Closes SplitButton/ComandOverflow menu

Esc

Closes SplitButton/ComandOverflow menu

Enter

Presses the focused button

Spacebar

Presses the focused button

3.45 Tree List

Key

Action

Key

Action

Alt + w

Focuses the widget

Actions applied on TreeList data table

Key

Action

Key

Action

Arrow keys

Navigate over the cells

Spacebar

Selects the row holding the currently highlighted cell

Ctrl + spacebar

Selects or deselects the current row, while persisting previously selected rows (only for selection mode 'multiple')

Shift + spacebar

Performs range selection, selects all the rows between the last selected one (with spacebar or mouse click) and the one holding the focused cell

Shift + arrow keys

Adds the row which holds the focused cell to the selection (only for selection mode 'multiple')

Enter or F2

Puts the item in edit mode, if performed over a command column will focus the first focusable element inside it

Esc

Cancels the edit or returns the focus to the table if an element inside a cell is focused

Alt + right arrow

Expands the current item

Alt + left arrow

Collapses the current item

Ctrl + home

Focuses the first focusable element inside the body

Ctrl + end

Focuses the last focusable element inside the body

Home

Focuses the first focusable cell in the row

End

Focuses the last focusable cell in the row

3.46 TreeView

Actions applied on TreeList data table

Key

Action

Key

Action

Alt + w

Focuses the widget

Up arrow

Highlights previous item

Left arrow

Collapses the item

Down arrow

Down arrow highlights next item

Right arrow

Expands the item

Home

Highlights first item in the list

End

Highlights last item in the list

Enter

Selects highlighted item

3.47 Window

Key

Action

Key

Action

Alt + w

Focuses the widget

Alt + p

Toggles pin

Alt + up arrow

Maximises and restores the window

Alt + down arrow

Minimises and restores the window

Alt + r

Refreshes the window

Esc

Closes window

Left arrow

Moves window to the left

Right arrow

Moves window to the right

Up arrow

Moves window up

Down arrow

Moves window down

Ctrl + left arrow

Narrows window in horizontal direction

Ctrl + right arrow

Expands window in horizontal direction

Ctrl + down arrow

Expands window in vertical direction

Ctrl + up arrow

Narrows window in vertical direction

3.48 Wizard

Key

Action

Key

Action

Alt + w

Focuses the widget

Left arrow or up arrow

Selects previous step

Right arrow or down arrow

Selects next step

Home

Selects first step

End

Selects last step

Tab

Focuses next element in the page Tab sequence

Shift + tab

Focuses previous element in the page Tab sequence

Note: If you require further information on the supported keyboard shortcuts, please visit https://docs.telerik.com/kendo-ui/accessibility/keyboard-support

4. Right to Left Languages

The standard data input for most languages are from left to right. However, certain languages such as Arabic, Chinese, Japanese or Hebrew are written from right to left.  RTL support enhances accessibility by allowing users of varying language patterns to effortlessly interact with the application functions. RTL support will be enabled only upon language selection.

5. High Contrast Themes

High contrast themes specifically cater to users with vision impairments such as colour blindness. The contrast ratios between the foreground and background enables the users to easily view and identify components without straining their sight. The colour contrast ratios are adhered by the application are set to be compliant with WCAG 2.1 AAA and holds the following contrast values:

  • Normal Text Colour/Background = 15.9

  • Selected Text Colour/Background = 8.59

  • Hover Text Colour (Large Text)/Background = 5.94

6. Charts

Use of non-text content in data visualisation, such as charts accompany the following characteristics to make them accessible:

  • Title and text descriptions

  • Support on screen readers


UG Footer 2024-20240103-072111.png