Common keyboard shortcuts

Common keyboard navigation patterns

You can navigate and interact with itslearning using keyboard only. All tools and components behave as expected in a web application, but what is expected might not always be common knowledge. To help you, below is a summary of what to expect when using keyboard only. Note that these are not specific to itslearning, and in general we do not have specialised keyboard functionality or shortcuts. The exception is in our rich text editor (CKeditor) where you can use common keyboard shortcuts for working with text, but also some specific shortcuts related to accessibility.

When you navigate via keyboard there should always be a visible focus on the current element to help seeing users understand where they are. Using a screen reader you should hear the label or text being read aloud.


KeyActionsComment
TabNavigate down the page, moving between interactive elements such as links, buttons and form fields.Will skip blocks of plain text.
Shift + tabNavigate up the page (same as tab, but in reverse)
Enter
  • Activate a link
  • Activate a button
  • Select an option
Spacebar is more common for activating buttons.
Spacebar
  • Activate a button
  • Check or uncheck a checkbox
  • Select radio button
  • Expand dropdown
  • Scroll the page if an interactive element isn't in focus
  • Activate 'drag & drop' of items in a list without using a mouse
Arrow keys are more common for activating radio buttons in a group.
Arrows (up, down, left, right)
  • Navigate radio button options
  • Navigate dropdown options
  • Navigate menus
  • Navigate tab panels
  • Navigate tree menus
  • Increase/decrease the value of a slider
  • Scroll the page if an interactive element isn't in focus
Arrow keys will also select an option when navigating in a group of radio buttons (where only one can be selected).
Some menus look like tab panels, but are actually groups of links. If so, tab and enter are more commonly used for navigation.
EscapeClose dialog
Letter keysFilter dropdown optionsIn a dropdown you may be able to filter by typing letters, but this behaviour depends on the browser.
Home/end
  • Go to beginning or end of a slider
  • Go to beginning or end of a table

Page up/downIn some sliders, page up/down will move the slider by a larger increment than arrows.

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.