Web Content Accessibility Guideline (WCAG) Compliance

The Absorb LMS Learner Experience is Web Content Accessibility Guidelines (WCAG) 2.1 AA Compliant. This means that we conform to a series of standard guidelines for improving web accessibility for all Users.

More information on these standard guidelines can be found here.

In relation to the Admin Experience, when a new Admin logs in for the first time, a pop-up window will appear providing a shortcut for them to easily change their accessibility settings:

admin-accessibility-modal.png

 

Learner Experience

In response to recent modifications to ensure WCAG compliance, it is important to note that Learners have the ability to enable to disable the Focus Visible feature.

The Enable Focus feature allows for the system to showcase your position in the tab index of the page. The tab index refers to the elements that you navigate through, item by item, every time you press the tab key on your keyboard.

When you press the tab key on the Learner Experience, the Enable focus visible button will appear at the top of the screen.

 

If you continue to press the tab key, or click the Enable focus visible button, the Enable Focus feature will be activated. As you continue to press tab, a visible selector will transfer between elements of the page in the tab index.

 

If an element of the page is selected, you may press enter to select the element the same as if you had clicked it.

 

Administrator Experience

System Admins can configure the colour of the selector that appears when Focus Visible is enabled. To configure this element of the Portal, follow these steps:

  1. Access the Admin Experience as a System Admin.
  2. Open the Setup menu and select the Templates option.
  3. Select the Template you want to edit the selector colour for, then use the Edit Template Action from the right hand side of the screen.
  4. Open the Theme tab of the Edit Template page.
  5. Scroll to the bottom of the Colors tab to find the Accessibility section.
  6. Click the Eyedropper button, or add a hex code for the exact colour you want.
  7. Make sure to click Save once you have found the colour you want to use.

 

High Visibility Options

If you want to customize your Portal based on a recommended starting point, the following colour codes can be used to customize your Department Template, and be modified as, or where required.

Each row indicates a different section of the Portal that may be customized with a new high visibility colour. Note that this customization configuration is intended to be applied all together and may not be as effective if only one element is used.

UI Element Hex Color Code
Base #ffffff
Primary #1272CB
Success #0E8652
Dashboard Background #ffffff
Banner & Button Text #ffffff
Header Icons #45494c
Keyboard Focus Visible #008BBE
Highlight #1272CB
Default #707070
Failure #D61434
Dashboard Container Title #45494c
Title & Body Text #45494c
View Selection Icons #45494c
Feedback #FDD333
Warning #d74000
Dashboard Tile Icon #1272CB
Hyperlinks #1272CB
Menu Icons #45494c
Danger #7E8082
Dashboard Tile Text #45494c
Button Icons #ffffff
Tile Background #ffffff

 

Additional Information

If you would like to read more about customizing your Portal, please review the following article:

 

There are many web resources that can assist you in developing WCAG compliant content, a few of which can be found below:

People with accessibility concerns may not be able to use uploaded files if they do not conform to accessibility standards such as WCAG 2.1 AA or PDF/UA. Admins should ensure that their files are accessible, or that an accessible equivalent is available if a User requests an accommodation.

Was this article helpful?
3 out of 3 found this helpful

Comments

0 comments

Article is closed for comments.