The SkillSync 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:
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:
- Access the Admin Experience as a System Admin.
- Open the Setup menu and select the Templates option.
- 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.
- Open the Theme tab of the Edit Template page.
- Scroll to the bottom of the Colors tab to find the Accessibility section.
- Click the Eyedropper button, or add a hex code for the exact colour you want.
- 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:
- Understanding WCAG: A Quickstart Guide for E-Learning Developers provides an easy-to understand overview of basic accessibility guidelines and principles.
- Alt Text for Images provides guidelines on how to create text for images that can be reviewed by any screen reader.
- 21 Basic HTML Codes provides you with a basic understanding of simple HTML codes needed to structure your text descriptions.
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.
Comments
0 comments
Article is closed for comments.