Introduction
Your platform is committed to providing accessible experiences for all users, regardless of their abilities or impairments. The learner experience of your platform is accessible using assistive technology such as screen readers and keyboard navigation in the following areas:
Registration, platform policies and public areas
- Login page
- Self-registration page
- Reset password page
- Legal agreements: privacy policy, cookie policy and terms and condition
- Public catalogs
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 My courses and learning plans page
- The Course catalog page
- The All channels page
- The My channel page
- Any single channel page
- The Latest content page
- The My skills page
- The My profile page
- The Skills dashboard
- The area displaying the plan content when using the What’s included button of the Subscription plan 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
- HTML
- Custom content box
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
- 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
- Training materials
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
The interface of the accessible areas of the learner experience (listed in the Introduction of this article) is designed so that all interactive elements can be navigated and used via the keyboard. You can easily move between sections, activate controls, and interact with content without the need for a mouse or other pointing devices. All functionalities remain fully accessible through the 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
- Open your Safari browser, then go to Safari on the menu bar and choose Preferences.
- Move to the Advanced tab.
- Mark the accessibility option that lets you Press Tab to highlight each item on a webpage.
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:
- Open your device's System Settings.
- Move to the Keyboard tab, and activate the Keyboard navigation toggle.
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 |
|
Link | Enter |
Button | Enter or spacebar |
Checkbox | Spacebar - check/uncheck a checkbox |
Radio buttons |
|
Select (dropdown) menu |
|
Autocomplete |
|
Dialog |
ESC - close |
Slider |
|
Menu bar |
|
Tab panel |
|
Scroll |
|
Single pointer
The interface of the accessible areas of the learner experience (listed in the Introduction of this article) is designed to be easily used with a single pointing device, such as a mouse or a touchpad.
You can navigate through interactive elements, activate controls, and engage with content without the need for multiple inputs or complex devices. Interaction remains smooth and effective with a single pointer.
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.