A Accessibility Shortcuts for SD-WAN Edge
The following are accessibility shortcuts to use as you configure SD-WAN Edge from your browser.
Keyboard shortcuts to navigate between screen elements
Action | Keyboard Shortcut | Behavior |
---|---|---|
Navigate between screen elements | Tab | Navigated top to bottom, left to right between tab groups |
Navigate backwards between screen elements | Shift+Tab | Navigated bottom to top, right to left between tab groups |
Keyboard shortcuts to navigate within screen elements
Action | Keyboard Shortcut | Behavior |
---|---|---|
Navigation within a tab group | Up Arrow or Down Arrow | Highlight the component in the direction of the arrow |
Keyboard shortcuts to navigate drop down lists
Action | Keyboard Shortcut | Behavior |
---|---|---|
Trigger a drop down list | Up Arrow or Down Arrow | Highlight the option item in the direction of the arrow. If the drop down is not open, expand the drop down list |
Select a drop down element | Enter | Select the highlighted choice from the drop down list |
Close the drop down list | Esc | Collapse the drop down list. If the drop down is already closed, do nothing |
Focus on drop down list | Tab In | Move focus to the previous or next selected item |
Keyboard shortcuts to select many
Action | Keyboard Shortcut | Behavior |
---|---|---|
Select box in select many component | Left Arrow or Right Arrow | Move focus to the previous or next selected item |
Selected item with remove icon in select many component | Backspace or Delete | Remove the selected item having focus |
Keyboard shortcuts for when focus is on table column header
Keyboard Shortcut | Behavior |
---|---|
Tab | Navigate to next focusable element on page (outside table) |
Shift+Tab | Navigate to previous focusable element on page (outside table). |
Down Arrow | Move focus to the first row |
Left Arrow | Move focus to previous column header, when no previous column there do nothing |
Right Arrow | Move focus to next column header, when no next column there do nothing. |
Home | Move focus to first column header |
End | Move focus to last column header. |
Keyboard shortcut for when focus is on cell in table
Keyboard Shortcut | Behavior |
---|---|
Tab | If focus is on a row and the row is actionable then Tab moves focus to the next focusable element within the row. If focus is already on the last focusable element then focus will wrap to the first focusable element in the row |
Shift+Tab | If focus is on a row and the row is actionable then Shift+Tab moves focus to the previous focusable element within the row. If focus is already on the first focusable element then focus will wrap to the last focusable element in the row |
Down Arrow | Move focus to the next row |
Shift+Down Arrow | Select and move focus to the next row, if row is selectable |
Up Arrow | Move focus to the previous row. If at the first row then move to the column header |
Home | Move focus to first row |
End | Move focus to last row |
Space | Select row , if row is selectable |
Enter | If the table editMode is rowEdit then make the current row
editable
If the table editMode is none then toggle the current row to actionable mode if there exists a tabbable element in the row. Once toggled to actionable mode, focus will be moved to be first tabbable element in the row |
Keyboard shortcuts for when focus cell is on editable row
Keyboard Shortcut | Behavior |
---|---|
Tab | Move focus to next editable cell or focusable element in the
row
If focus is on the last editable cell or focusable element in the row, make the next row editable and move focus to the first editable cell or focusable element in the next row If focus is on the last editable cell or focusable element in the last row, move focus to next focusable element on the page (outside table) |
Shift+Tab | Move focus to previous editable cell or focusable element in the
row.
If focus is on the first editable cell or focusable element in the row, make the previous row editable and move focus to the last editable cell or focusable element in the previous row If focus is on the first editable cell or focusable element in the first row, move focus to previous focusable element on the page (outside table) |
Enter | Make the next row editable and move focus to the editable cell in current column in the next row. If enter is pressed when in the last editable row, make it read only |
Shift+Enter | Make the previous row editable and move focus to the editable cell in current column in the previous row. If enter is pressed when in the last editable row, make it read only |
F2 | Toggle the current row between editable and read only |
Esc | Make the current row read only |
Keyboard shortcuts for sorting on a column
Action | Keyboard Shortcut | Behavior |
---|---|---|
Sort on a column | Enter | If column is sortable it will sort the column, or else do nothing |
Keyboard shortcuts for accessing context menu
Action | Keyboard Shortcut | Behavior |
---|---|---|
To access context menu | Shift+F10 | Opens the context menu if its available on focused component |
Keyboard shortcuts for moving scroll bar
Table A-1
Action | Keyboard Shortcut | Behavior |
---|---|---|
Scroll | Up Arrow or Down Arrow | Moves the scrollbar in the direction of the arrow |
When focus is on any other component , to scroll | Shift + Up Arrow or Down Arrow | Moves the scrollbar in the direction of the arrow |
Keyboard shortcuts for when focus is on collapsible header
Keyboard Shortcut | Behavior |
---|---|
Space or Enter | Toggle disclosure state |
Tab | Navigate to next collapsible header and if none then the next element on page |
Shift+Tab | Navigate to previous collapsible header and if none then the previous element on page |
Up Arrow or Left Arrow (Right Arrow in RTL) | Move focus to the previous collapsible header with wrap around |
Down Arrow or Right Arrow (Left Arrow in RTL) | Move focus to the next collapsible header with wrap around |
Home | Move focus to the first collapsible header |
End | Move focus to the last collapsible header |
Keyboard shortcuts for when focus is on button
Keyboard shortcut | Behavior |
---|---|
Enter or Space | Push the button or Toggle the button or Open the menu depends on type of button |
Esc | Closes the menu |
Keyboard shortcuts for when focus is on chart
Keyboard shortcut | Behavior |
---|---|
Tab | Move focus to next element |
Shift + Tab | Move focus to previous element |
Up Arrow | Move focus and selection to previous data item |
Down Arrow | Move focus and selection to next data item |
Left Arrow | Move focus and selection to previous data item (on left) |
Right Arrow | Move focus and selection to next data item (on right) |
Page Up | Pan up if scrolling is enabled |
Page Down | Pan down if scrolling is enabled |
Enter | Drill on data item, categorical axis label, or legend item when drilling is enabled |
Keyboard shortcuts for when focus is on checkboxset
Keyboard Shortcut | Behavior |
---|---|
Tab In | Set focus to the first focusable checkbox in the checkboxset. Disabled checkboxes are not focusable. If hints, helpInstruction or messages exist in a notewindow, pop up the notewindow |
Keyboard shortcuts for when focus is on checkbox
Keyboard Shortcut | Behavior |
---|---|
Space | Toggles the checkbox; Iff the checkbox is unselected, it will select it and vice versa |
Tab | Sets focus to the next focusable checkbox in the checkboxset. Disabled checkboxes are not focusable. If the target is the last focusable checkbox in the checkboxset, focus goes to the next focusable item after the oj-checkboxset |
Shift+Tab | Sets focus to the previous focusable checkbox in the checkboxset. Disabled checkboxes are not focusable. If the target is the first focusable checkbox in the checkboxset, focus goes to the previous focusable item before the oj-checkboxset |
Keyboard shortcuts for dialog element
Action | Keyboard shortcuts | Behavior |
---|---|---|
When focus is on dialog | Esc | Close the dialog |
When focus is on dialog close icon | Enter or Space | Close the dialog |
Keyboard shortcuts for when focus is on file picker
Keyboard shortcut | Behavior |
---|---|
Enter | Launch the browser's file picker. |
Keyboard shortcuts for when focus is on date input element
Keyboard shortcut | Behavior |
---|---|
Down Arrow or Up Arrow | Shows the calendar grid and moves the focus into the expanded grid |
Esc | Close the grid |
Tab In | Set focus to the input. If hints, title or messages exist in a notewindow, pop up the note window |
Keyboard shortcuts for when focus is on picker
Keyboard shortcut | Behavior |
---|---|
Enter | Select the currently focused day |
Up Arrow | Move up in the grid |
Down Arrow | Move down in the grid |
Right Arrow | Move right in the grid |
Left Arrow | Move left in the grid |
Esc | Close the grid |
Home | Move focus to first day of the month |
End | Move focus to last day of the month |
Page Up | Switch to previous month |
Page Down | Switch to next month |
Alt + Page Up | Switch to previous year |
Alt + Page Down | Switch to next year |
Ctrl + Alt + T | Places focus on Today button if it exists |
Keyboard shortcuts for input number elements
Keyboard Shortcut | Behavior |
---|---|
Enter or Tab | Submit the value you typed in the input field |
Tab In | Set focus to input. Show user assistance text. This may be inline or in a notewindow depending upon theme and property settings |
Up Arrow | Increment the number |
Down Arrow | Decrement the number |
Keyboard shortcuts for other input elements
Action | Keyboard shortcut | Behavior |
---|---|---|
When focus is on input password element | Tab In | Set focus to the input. Show user assistance text. This may be inline or in a notewindow depending upon theme and property settings |
When focus is on input text element | Tab In | Set focus to the input. Show user assistance text. This may be inline or in a notewindow depending upon theme and property settings |
When focus is on input time element | Down Arrow or Up Arrow | Shows the time picker and moves the focus into the expanded time picker |
When focus is on input time element | Tab In | Set focus to the input. If hints, title or messages exist in a note window, pop up the note window |
Keyboard shortcuts for when focus is on help icon
Keyboard shortcut | Behavior |
---|---|
Enter | If there is an url associated with help icon, navigate to the url |
Tab In | Show the help definition in a popup |
Keyboard shortcuts for when focus is on list item
Keyboard shortcut | Behavior |
---|---|
F2 | Enters Actionable mode. This enables keyboard action on elements inside the item, including navigate between focusable elements inside the item |
Esc | Exits Actionable mode |
Tab | When in Actionable Mode, navigates to next focusable element within the item. If the last focusable element is reached, shift focus back to the first focusable element. When not in Actionable Mode, navigates to next focusable element on page (outside ListView) |
Shift+Tab | When in Actionable Mode, navigates to previous focusable element within the item. If the first focusable element is reached, shift focus back to the last focusable element. When not in Actionable Mode, navigates to previous focusable element on page (outside ListView) |
Down Arrow | Move focus to the item below |
Up Arrow | Move focus to the item above |
Left Arrow | When display in card layout, move focus to the item on the left |
Right Arrow | When display in card layout, move focus to the item on the right |
Shift+Down Arrow | Extend the selection to the item below |
Shift+Up Arrow | Extend the selection to the item above |
Shift+Left Arrow | When display in card layout, extend the selection to the item on the left |
Shift+Right Arrow | When display in card layout, extend the selection to the item on the right |
Shift+F10 | Launch the context menu if there is one associated with the current item |
Enter | Selects the current item. No op if the item is already selected |
Space | Toggles to select and deselect the current item. If previous items have been selected, deselects them and selects the current item |
Shift+Space | Selects contiguous items from the last selected item to the current item |
Ctrl+Space | Toggles to select and deselect the current item while maintaining previous selected items |
Ctrl+X | Marks the selected items to move if dnd. reorder is enabled |
Ctrl+C | Marks the selected items to copy if dnd. reorder is enabled |
Ctrl+V | Paste the items that are marked to directly before the current item (or as the last item if the current item is a folder) |
Keyboard shortcuts for when focus is on a group item
Keyboard shortcut | Behavior |
---|---|
Left Arrow | Collapse the current item if it is expanded and is collapsible. For non-hierarchical data, do nothing |
Right Arrow | Expand the current item if it has children and is expandable. For non-hierarchical data, do nothing |
Keyboard shortcuts for when focus is on menu item
Keyboard shortcut | Behavior |
---|---|
Enter or Space | Invoke the focused menu item's action |
UpArrow | Move focus to the previous menu item, wrapping around at the top |
DownArrow | Move focus to the next menu item, wrapping around at the bottom |
Home | Move focus to the first menu item |
End | Move focus to the last menu item |
Esc | Close the menu and move focus to the launcher when focus is on top level menu |
Keyboard shortcuts for JET Component or HTML Element having a JET Context Menu
Keyboard Shortcut | Behavior |
---|---|
Shift + F10 | Open the context menu |
Keyboard shortcuts for menu elements
Action | Keyboard Shortcut | Behavior |
---|---|---|
When focus is on message | Esc | Close the message |
When focus is on Message Close Icon | Enter or Space | Close the message |
When focus is within Messages | Tab or Shift + Tab | Navigate the content of the messages region |
When focus is within Messages | F6 | Moves focus back to the last focused element outside the messages region |
When focus is within Messages | Esc | Moves focus back to the last focused element outside the messages region |
When focus outside Messages | F6 | Move focus to the first message within the more recently disclosed messages region. |
Keyboard shortcuts for when focus is on navigation list item
Keyboard shortcut | Behavior |
---|---|
Enter or Space | Selects list item |
Up Arrow | Moves focus to the previous visible list item |
Down Arrow | Moves focus to the next visible list item |
Right Arrow (Left Arrow in RTL) | For horizontal navigation list, focus will be moved to next visible item |
Left Arrow (Right Arrow in RTL) | For horizontal navigation list, focus will be moved to previous visible item |
Home | Moves focus to the first visible list item |
End | Moves focus to the last visible list item |
F2 | If focus is on a list item, pressing F2 will make its contents accessible using TAB |
Esc | When F2 mode is enabled, press Esc to exit F2 mode |
Shift +Tab | Move fous to hierarchical menu button.Only applicable for sliding navigation list and when hierarchial menu button is enabled |
Keyboard shortcuts for other navigation list elements
Action | Keyboard shortcut | Behavior |
---|---|---|
When focus is on navigation Group Item | Right Arrow (Left Arrow in RTL) | If focus is on collapsed node, expands the sub list |
When focus is on navigation Group Item | Left Arrow (Right Arrow in RTL) | If focus is on expanded node, collapses the sub list |
When focus is on List Item in sublist | Esc | Applicable only for sliding navigation list. If focus is in a sub list, closes the sublist and moves focus to the parent list item |
When focus is on Hierarchical Menu button | Enter | Open menu. Note: This target is visible only for Sliding Navigation List |
When focus is on Hierarchical Menu button | Tab | Moves focus to current list item. Note: This target is visible only for Sliding Navigation List |
When focus is on Hierarchical Menu button | Shift + Tab | Moves focus to Previous Icon. Note: This target is visible only for Sliding Navigation List |
When focus is on Previous Icon or List Header | Enter | Collapses the sublist and slides to parent list.Note: This target is visible only for Sliding Navigation List |
When focus is on Previous Icon or List Header | Tab | Moves focus to Hierarchical Menu button. Note: This target is visible only for Sliding Navigation List |
Keyboard shortcuts for page control elements
Action | Keyboard shortcut | Behavior |
---|---|---|
When focus is Page Control | Tab in | Set focus to the input |
When focus is on Arrow Page Navigation | Tab | Set focus to the first, previous, next, or last page arrow |
When focus is on Numbered Page Links | Tab | Set focus to to the page link |
Keyboard shortcuts for when focus is within popup or on popup launcher
Keyboard shortcut | Behavior |
---|---|
Tab or Shift Tab | Navigate the content of the popup. Close the open popup if there are no tab stops in the popup |
F6 | Move focus to the launcher for a popup with modeless modality. Close the open popup if the modality is modal |
Esc | Close the open popup |
F6 | Move focus to the first tab stop within the open popup. If there is not a tab stop within the content, focus is established on the popup |
Keyboard shortcuts for when focus is on radio
Keyboard shortcut | Behavior |
---|---|
Up Arrow | Select the previous input in the group |
Down Arrow | Select the next input in the group |
Tab In | Set focus to the checked radio input. If hints, title or messages exist in a notewindow, pop up the notewindow |
Keyboard shortcuts for when focus is on rating gauge
Keyboard shortcut | Behavior |
---|---|
Enter | Submit the current value of the gauge |
Tab | Move focus to next element and submit the current value of the gauge |
Shift + Tab | Move focus to previous element. |
Up Arrow | Increase the gauge's transient value. Value is set after using Enter or Tab to submit |
Down Arrow | Decrease the gauge's transient value. Value is set after using Enter or Tab to submit |
Left Arrow | Decrease the gauge's transient value in left-to-right locales. Increase the gauge's transient value in right-to-left locales. Value is set after using Enter or Tab to submit |
Right Arrow | Increase the gauge's transient value in left-to-right locales. Decrease the gauge's transient value in right-to-left locales. Value is set after using Enter or Tab to submit |
Keyboard shortcuts for row expander element
Action | Keyboard shortcut | Behavior |
---|---|---|
When focus is on Row or Cell with RowExpander | Ctrl + RightArrow | Expand |
When focus is on Row or Cell with RowExpander | Ctrl + LeftArrow | Collapse |
When focus is on Icon | Enter | Expand or Collapse |
Keyboard shortcuts for single select elements
Action | Keyboard shortcut | Behavior |
---|---|---|
When focus is on single select option item | Enter | Select the highlighted choice from the drop down |
When focus is on single select input field | Enter | Set the input text as the value |
When focus is on single select drop down | UpArrow or DownArrow | Highlight the option item on the drop down list in the direction of the arrow. If the drop down is not open, expand the drop down list |
When focus is on single select drop down | Esc | Collapse the drop down list. If the drop down is already closed, do nothing |
On Tab in single select | Tab In | Set focus to the Select. If hints, title or messages exist in a notewindow, pop up the notewindow |
Keyboard shortcuts for when focus is on status meter gauge
Keyboard shortcut | Behavior |
---|---|
Enter | Submit the current value of the gauge |
Tab | Move focus to next element and submit the current value of the gauge |
Shift + Tab | Move focus to previous element |
UpArrow | Increase the gauge's transient value. Value is set after using Enter or Tab to submit |
DownArrow | Decrease the gauge's transient value. Value is set after using Enter or Tab to submit |
LeftArrow | Decrease the gauge's transient value in left-to-right locales. Increase the gauge's transient value in right-to-left locales. Value is set after using Enter or Tab to submit |
RightArrow | Increase the gauge's transient value in left-to-right locales. Decrease the gauge's transient value in right-to-left locales. Value is set after using Enter or Tab to submit |
Keyboard shortcuts for switch thumb element
Action | Keyboard shortcut | Behavior |
---|---|---|
When focus is on Switch Thumb | Enter or Space | Toggle switch value |
When Switch Thumb is target | Tab in | Set focus to the thumb. If hints, title or messages exist in a notewindow, pop up the notewindow |
Keyboard shortcuts for when focus is on list items
Keyboard shortcut | Behavior |
---|---|
Enter or Space | Selects list item. |
UpArrow | Moves focus to the previous visible list item. |
DownArrow | Moves focus to the next visible list item |
RightArrow(LeftArrow in RTL) | For horizontal tab bar, focus will be moved to next visible item. |
LeftArrow(RightArrow in RTL) | For horizontal tab bar, focus will be moved to previous visible item. |
Home | Moves focus to the first visible list item. |
End | Moves focus to the last visible list item. |
F2 | If focus is on a list item, pressing F2 will make its contents accessible using TAB. |
Esc | When F2 mode is enabled, press Esc to exit F2 mode. |
Ctrl+X | Marks the current item to move if reorderable is enabled. |
Ctrl+V | Paste the item that are marked to directly before the current item |
DELETE | Delete the current item. |
Enter or Space | Open menu. Note: This is applicable only for Horizontal Tab Bar when overflow is set to popup. |
Keyboard shortcuts for navigating text area
Action | Keyboard shortcut | Behavior |
---|---|---|
On tabbing in text area | Tab In | Set focus to the textarea. Show user assistance text. This may be inline or in a notewindow depending upon theme and property settings. |
When focus is on text area |
MacOS : Return Windows : Enter |
Insert a newline. This is used for a plain textarea or a nested textarea where Enter is not used by the parent component for other purpose. |
When focus is on text area | MacOS: Option + Return Windows: Alt + Enter | Insert a newline. This is used for cases where Enter is used by the parent component, such as an oj-text-area in an oj-data-grid, where Enter will go to the cell below in an editable data grid. |
Keyboard shortcuts for when focus is on train
Keyboard shortcut | Behavior |
---|---|
Tab | Move focus to the next selectable step. |
Shift + Tab | Move focus to the previous selectable step. |
Enter | Select the focused step. |
Keyboard shortcuts for when focus is on tree view item
Keyboard shortcut | Action |
---|---|
Tab | Navigates to next focusable element on page. |
Shift+Tab | Navigates to previous focusable element on page. |
DownArrow | Moves focus to the item below. |
UpArrow | Moves focus to the item above. |
LeftArrow | On an expanded item, collapses the item. Otherwise, move focus to the item above. The action is swapped with Right Arrow in RTL locales. |
RightArrow | On a collapsed item, expands the item. Otherwise, move focus to the item below. The action is swapped with Left Arrow in RTL locales. |
Shift + DownArrow | Extends the selection to the item below. Only applicable if the multiple or leafOnly selection is enabled. |
Shift + UpArrow | Extends the selection to the item above. Only applicable if the multiple or leafOnly selection is enabled. |
Space | Toggles the selection of the current item and deselects the other items. |
Enter | Selects the current item and deselects the other items. No op if the current item is already selected. |
Ctrl + Space/Enter / CMD + Space/Enter | Toggles the selection of the current item while maintaining previously selected items. Only applicable if the multiple or leafOnly selection is enabled. |
Shift + Space/Enter | Selects contiguous items from the last selected item to the current item. Only applicable if the multiple or leafOnly selection is enabled. |
Ctrl + A / CMD+A | If selectionMode is multiple, will select all selectable nodes. |