Navigating the Learning Portal

Accessibility

Introduction

Our platform is committed to providing accessible experiences for all users, regardless of their abilities or impairments.  Do you have a question or concern about accessibility features on UE’s learning portal?  Contact us at accessibility@UE.ORG.

 

The learner experience of our platform is thus accessible using screen readers and keyboard navigation in the following areas:

Registration and platform policies

  • Login page
  • Self-registration page
  • Reset Password page
  • Legal agreements: Privacy policy, Cookie policy and Terms & condition

Layout

  • Platform header, including the global search box and the related quick results window, the user menu, and the notifications and gamification panels
  • Footer

Built-in pages

  • The Learning Center
  • The Course catalog page
  • The Results page of the global search

Widgets

The following widgets are compliant with the platform accessibility standard:

  • Courses and learning plans
  • Catalogs
  • Channels

Please note that the following elements and functionalities are not yet accessible:

  • all of the filters included in the pages and in the widgets listed in this chapter are included, except for date pickers in time frame filters (such as calendars)
  • the calendar display mode view in the Course catalog widget and page
  • the Ask the expert panels
  • the Share content panel
  • the Add to playlist panel

Formal content

If the platform administrator enabled the new course page experience, the following areas are accessible too. Refer to your administrator for further details.

  • E-learning courses’ catalog page
  • Instructor-Led Training (ILT) courses’ catalog page
  • Learning plans’ catalog page
  • E-learning course player
  • ILT course player
  • Learning plan player
  • E-signature courses

This article lists the tools you can use to navigate the above-mentioned areas of the platform.

Screen readers

You can navigate the accessible areas of the learner experience (listed in the Introduction of this article) and interact with it via a screen reader. We test our interface with NVDA and JAWS on Microsoft Windows, Chrome and Mozilla Firefox.

Keyboard navigation

You can navigate the accessible areas of the learner experience (listed in the Introduction of this article) with ease using a keyboard. The keyboard navigation is enabled by default on Windows computers, as well as on Google Chrome with any operating system, but it must be enabled manually when using Safari and Mozilla browsers on macOS. Here is how to enable it:

Safari

  1. Open your Safari browser, then go to Safari on the menu bar and choose Preferences.
  2. Move to the Advanced tab.
  3. Mark the accessibility option that lets you Press Tab to highlight each item on a webpage.

Configuring the keyboard navigation on Safari

Mozilla Firefox

In order to use the keyboard navigation feature on Mozilla for macOS, you will first need to set that feature up on your device. To do so:

  1. Open your device’s System Settings.
  2. Move to the Keyboard tab, and activate the Keyboard navigation toggle.

Configuring the keyboard navigation in the Mac settings

Shortcuts

Docebo supports keyboard shortcuts for easy navigation, but please consider the following:

  • Some keyboard shortcuts only work if you’ve turned them on.
  • Keyboard shortcuts do not work on all keyboards.
  • Keyboard navigation has been tested in all of the browsers supported by Docebo

The basic keyboard navigation mainly used the Tab key to navigate the interface through links, buttons, form inputs, and any other focusable elements. The Enter key selects links and the Enter Key or the Spacebar selects buttons. The arrow keys are used to navigate links within menus, options in drop-down menus, checkboxes, and so on. Here follows a table listing the main accepted keyboard input:

Interaction Keystrokes
Navigate to most elements
  • Tab
  • Shift + Tab – navigate backward
Link Enter
Button Enter or spacebar
Checkbox Spacebar – check/uncheck a checkbox
Radio buttons
  • ↑/↓ or ←/→ – select an option
  • Tab – move to the next element
Select (dropdown) menu
  • ↑/↓ – navigate between menu options
  • Spacebar – expand
Autocomplete
  • Type to begin filtering
  • ↑/↓ – navigate to an option
  • Enter – select an option
Dialog ESC – close
Slider
  • ↑/↓ or ←/→ – increase or decrease slider value
  • Home/End – beginning or end
Menu bar
  • ↑/↓ – Previous/next menu option
  • Enter – expand the menu (optional) and select an option.
  • ←/→ – expand/collapse a submenu
Tab panel
  • Tab – once to navigate into the group of tabs and once to navigate out of the group of tabs
  • ↑/↓ or ←/→ – previous/next tab.
Scroll
  • ↑/↓ – scroll vertically
  • Spacebar/Shift + Spacebar – scroll by page

Zoom

The interface of the accessible areas of the learner experience (listed in the Introduction of this article) has a responsive design allowing you to zoom the user interface up to 400% without loss of information or functionality, and without requiring scrolling in two dimensions. You can also resize the browser windows to adapt content according to your needs or to the size of the screen display you are using.

Skip to main content

You can take advantage of the skip to main content functionality throughout your learning experience to quickly reach the main content of the page, bypassing other elements such as the logo, search areas, and the header buttons.

Mail this page!

Was this helpful?