All Collections
Create
Accessibility
Keyboard-Accessible Navigation
Keyboard-Accessible Navigation

How learners can navigate your courses using just their keyboard

Anthony Karcz avatar
Written by Anthony Karcz
Updated over a week ago

 Applies to these roles: Author, Reporter, Admin  

Good news! Learners can navigate Rise courses entirely with their keyboards. This article explains how. And authors don’t have to do anything to enable keyboard accessibility; it’s built right into the published output.

Rise follows Accessible Rich Internet Applications (ARIA) standards for common navigation features, such as buttons, links, and forms. And for custom features that aren’t covered by ARIA, such as interactive markers and sorting activities, Rise uses custom keyboard navigation that feels natural and intuitive.

The first section of this article describes the navigation keys and their general behavior. The second section details specifically how to use keyboard navigation in each segment of a course. And the last section explains how to enable tab-key navigation on a Mac.

Keyboard Navigation—Getting Started

The following table lists the keys for navigating Rise courses and the general behavior of each key.

Some custom Rise features require a combination of these navigation keys. For example, labeled graphic blocks make use of all the navigation keys. See the next section for details.

Tab/Shift+Tab

Use the Tab key to move from one object to the next. Use Shift+Tab to move in reverse order.

For example, use the Tab key to jump from one lesson title to the next in the sidebar. Use Shift+Tab to jump back to the previous lesson title in the sidebar.

Arrow Keys

Use the arrow keys to scroll through text, interact with media, and navigate between items in a lesson, block, or question.

For example, use the up and down arrow keys to cycle through answer choices in quiz questions. Use the left and right arrow keys to move between steps in a process block and control the seekbar for audio and video content.

Enter/Spacebar

Use the Enter key or spacebar to activate the selected object (similar to a mouse click).

For example, use the Enter key to activate a button or hyperlink. Use the spacebar to mark an answer choice in a quiz question and play/pause audio and video content.

Esc

Use the Esc key to close labeled graphic markers, deselect choices in matching questions, and exit zoomed images and full-screen videos.

Keyboard Navigation—Going Deeper

This section describes in detail how to use keyboard navigation in each segment of a Rise course, including the cover page, sidebar menu, lessons, and blocks.

Course/Learning Path Overview

  • Use Tab and Shift+Tab to move from one button, course, or lesson title to another.

  • Press Enter to activate buttons or launch a course or lesson.

  • Use Tab and Shift+Tab to move from one link to another.

  • If the course title is selected, press Enter to return to the Course/Learning Path Overview.

  • If the course title is selected and you press the Tab key, an option will appear that lets you skip the sidebar and jump directly into the lesson content. Press Enter to skip the sidebar or press Tab to continue navigating through the sidebar features.

  • Press Enter to activate any link in the sidebar. If a lesson title is selected when you press Enter, you’ll skip the rest of the sidebar navigation features and jump directly into the lesson content.

Lesson Navigation

Rise lessons have these common keyboard navigation features. See the following sections for details on each lesson type.

  • Use the up and down arrow keys to scroll through text.

  • Use Tab and Shift+Tab to move from object to another.

  • To jump to the previous lesson in the course, Shift+Tab until the header for the previous lesson is selected, then press Enter.

  • To jump to the next lesson in the course, use the Tab key until the footer for the next lesson is selected, then press Enter.

  • Use the Tab key to select media, then press the spacebar to interact with it (zoom an image, play a video, or listen to audio).

  • Use the Tab key to select embedded web content, such as a YouTube video or a Wikipedia article, then press Enter or the spacebar to interact with its links and controls.

Text, Statement, Quote, and List Blocks

  • Use the up and down arrow keys to scroll through text.

  • Use the left and right arrow keys to flip through quote carousels.

  • Press Enter or the spacebar to check and uncheck boxes in checkbox lists.

  • Use the left and right arrow keys to flip through image carousels.

  • To zoom into an image, use Tab and Shift+Tab to select it, then press Enter or the spacebar.

  • To zoom out of an image, press Enter, the spacebar, or Esc.

Multimedia Blocks

  • For audio and video blocks, press the spacebar to play and pause the media.

  • For a web video, use Tab and Shift+Tab to navigate through the video controls and press Enter to activate each control.

  • For a web page, press Enter to open it in a new browser tab.

  • For an attachment, press Enter to download it.

  • For a code snippet, use the up and down arrow keys to scroll through the text.

Interactive Blocks

Accordion 

  • Use Tab and Shift+Tab to select an item in the accordion.

  • Press Enter or the spacebar to expand and collapse the selected item.

Tabs

  • Use Tab and Shift+Tab to select a tab in the interaction.

  • Press Enter to open the selected tab in the interaction.

Labeled Graphic

  • Use Tab and Shift+Tab to move from one closed marker to another.

  • Press Enter or the spacebar to open a marker.

  • Use the up and down arrow keys to scroll through the contents of an open marker.

  • Use the left and right arrow keys to move from one open marker to another.

  • Press Esc to close a marker.

Process 

  • On the introduction, use the Tab key to select the Start button, then press Enter or spacebar.

  • Use the left and right arrow keys to move from one step to another.

  • Use the up and down arrow keys to scroll through the contents of each step.

  • On the summary, use the Tab key to select the Start Again option, then press Enter or spacebar.

Scenario Blocks

  • On text content, use the Tab key to select the Continue or Start Over button, then press Enter or spacebar.

  • On dialogue content, use the Tab key to select responses and the Continue or Try Again button, then press Enter or spacebar.

Sorting Activity

  • Use the Tab key to select a category (drop target).

  • After selecting a category, use Tab and Shift+Tab or the left and right arrow keys to cycle through the categories.

  • Select the category that matches the item that’s currently displayed, then press Enter or the spacebar to move the item to the selected category. If the answer is correct, the item will move briefly to the category then disappear. If the answer is wrong, the item will shake briefly, then you can select a different category and try again.

Timeline

  • Use the up and down arrow keys to scroll through the timeline.

  • Use Tab and Shift+Tab to jump from one event to another.

Flashcard Grid 

  • Use Tab and Shift+Tab to select a card.

  • Press Enter or the spacebar to flip the selected card.

  • Use the up and down arrow keys to scroll through text.

Flashcard Stack 

  • Use the Tab key to select the first card in the stack.

  • Use the left and right arrow keys to move through the stack of cards.

  • Press Enter or the spacebar to flip the selected card.

  • Use the up and down arrow keys to scroll through text.

Button

  • Use Tab and Shift+Tab to select a button.

  • Press Enter to activate the button.

Knowledge Check Blocks 

Multiple Choice 

  • Tab to the first answer choice. If you want to select the first answer choice, simply press the spacebar. To choose a different answer, use any arrow key to cycle through the answer choices until the one you want is selected.

  • Press Enter to submit your answer.

  • To retry the question, use the Tab key to select the Take Again option, then press Enter to activate it.

Multiple Response 

  • Tab to each answer choice and press the spacebar to check or uncheck the box.

  • Press Enter to submit your answer.

  • To retry the question, use the Tab key to select the Take Again option, then press Enter to activate it.

Fill in the Blank 

  • Tab to the answer field and type your response.

  • Press Enter to submit your answer.

  • To retry the question, use the Tab key to select the Take Again option, then press Enter to activate it.

Matching

  • Tab to the first answer choice in the left column, then use the up and down arrow keys to cycle through the choices until the one you want is selected.

  • Press the spacebar to activate the selected choice. It’ll turn gray, which means it’s ready to be linked to a match in the right column. If you want to deactivate the selected choice, press the spacebar again or press the Esc key.

  • When a choice is active (gray), use the right arrow key to switch to the column of matches on the right side of the question, then use the up and down arrow keys to cycle through the matches until the one you want is selected.

  • Press the spacebar to link the active choice on the left to the selected match on the right.

  • Use the left arrow key to switch back to the column of choices on the left side of the question and continue linking choices and matches.

  • After linking all choices on the left with matches on the right, press Enter to submit your answer.

  • To retry the question, use the Tab key to select the Take Again option, then press Enter to activate it.

Divider Blocks

  • Press Enter to activate Continue buttons.

  • For line dividers, numbered dividers, and spacers, simply use the up and down arrow keys to scroll past them.

Quizzes

To begin a quiz, use the Tab key to select the Start Quiz option, then press Enter. And see below for details on navigating each question type.

Multiple Choice 

  • Tab to the first answer choice. If you want to select the first answer choice, simply press the spacebar. To choose a different answer, use any arrow key to cycle through the answer choices until the one you want is selected.

  • Press Enter to submit your answer.

Multiple Response 

  • Tab to each answer choice and press the spacebar to check or uncheck the box.

  • Press Enter to submit your answer.

Fill in the Blank 

  • Tab to the answer field and type your response.

  • Press Enter to submit your answer.

Matching 

  • Tab to the first answer choice in the left column, then use the up and down arrow keys to cycle through the choices until the one you want is selected.

  • Press the spacebar to activate the selected choice. It’ll turn gray, which means it’s ready to be linked to a match in the right column. If you want to deactivate the selected choice, press the spacebar again or press the Esc key.

  • When a choice is active (gray), use the right arrow key to switch to the column of matches on the right side of the question, then use the up and down arrow keys to cycle through the matches until the one you want is selected.

  • Press the spacebar to link the active choice on the left to the selected match on the right.

  • Use the left arrow key to switch back to the column of choices on the left side of the question and continue linking choices and matches.

  • After linking all choices on the left with matches on the right, press Enter to submit your answer.

Quiz Results

  • To retake the quiz, use the Tab key to select the Take Again option, then press Enter.

How to Enable Tab-Key Navigation on a Mac

Tab-key navigation is supported by default in web browsers on Windows computers. However, Mac users might need to enable tab-key navigation in their browser settings or system preferences. Click your browser below for instructions.

Safari

  1. Open your Safari browser, then go to Safari on the menu bar and choose Preferences.

  2. Click the Advanced tab.

  3. Mark the accessibility option that lets you Press Tab to Highlight Each Item on a Webpage.

Google Chrome

Tab-key navigation is enabled by default in Google Chrome, but if it has been disabled, here’s how to re-enable it.

  1. Open your Google Chrome browser, then go to Chrome on the menu bar and choose Preferences.

  2. Scroll down to the Appearance section.

  3. Enable the option called Pressing Tab on a Webpage Highlights Links, as Well as Form Fields.

Firefox

Firefox doesn’t have a setting for tab-key navigation, but you might need to make a change to your Mac’s system preferences.

  1. Press Option-F5 to open keyboard preferences. (If nothing happens, press fn-Option-F5.)

  2. Click the Shortcuts tab at the top of the window.

  3. Mark the All Controls option at the bottom of the window under Full Keyboard Access.

Did this answer your question?