Created by the World Wide Web Consortium (W3C), Web Content Accessibility Guidelines (WCAG) is considered to be the benchmark for website accessibility.
We want all learners to fully interact with the courses you build in Easygenerator, that’s why accessibility is important for us. Below is what we’ve done so far.
Color contrast between text and background is important. We’ve ensured sufficient contrast between text color and its background in all 12 design themes in the All-in-One template. These contrast improvements make content easier to read by everyone, including those who do not have specific visual conditions.
In the All-in-One template, learners can access and navigate a course (including the table of contents) with the Tab key on the keyboard, without using a mouse.
The tabbing order is crucial for proper navigation through a keyboard interface. We’ve ensured that the tab index has a meaningful sequence and follows the flow of the page, allowing learners to tab through the interactive items on a page in a logical order.
Speaking of the keyboard navigation, focusable components receive focus in an order that preserves meaning and operability.
For the keyboard navigation, it is important that the focused component can be visually identified. In Easygenerator, all keyboard operable elements are highlighted on focus.
ARIA is a W3C specification that stands for “Accessible Rich Internet Applications”. It consists of markup added to HTML in order to clearly communicate the roles, states, and properties of user interface elements. This information helps screen readers and other assistive technologies to better understand the elements on a page, and enables learners to effectively interact with those elements.
We’ve made sure that the “aria-label” attributes accurately describe the corresponding elements, each ARIA role matches the functionality of a corresponding element, and all the “aria-describedby” attributes have unique IDs.
Alternative text (alt text) is a key element of accessibility. Easygenerator enables you to add alt text to your images so that screen readers can read it aloud for your learners. Read more about adding alternative image text for screen readers here.