Create Accessible Content in Evolve: Additional Design Considerations
This articles details how you start creating accessible course content in Evolve and design considerations you may want to consider.
There are a number of interactions in Evolve that allow users to add some kind of timed element. WCAG 2.2.1 Timing Adjustable single-A states that if some kind of timed element is used, there must be a way for users to either extend the time or bypass that aspect entirely.
We would advise that the simplest way to make your Evolve course comply is to not include timed elements. All of the interactions that include some kind of timing element allow timing to be turned off completely.
Video and audio content
You need to provide a text alternative to these mediums in order to fulfill WCAG 1.2.1 Audio only and Video only single A*.* Evolve makes this very easy to achieve. Let’s take the media component as an example. You can add a transcript, as well as a .vtt file (which allows subtitles to appear on screen).
You can also add a separate audio track for audio description, e.g. describing wordless action or detail that appears on screen, that existing audio doesn’t include or make clear from sound alone. An example might be, "Adrian angrily pushes past Amanda and storms out of the office." This kind of detail could be crucial to understanding the learning point, and missed by a visually impaired user if not described in the audio.
We advise using .vtt files rather than having the subtitles included in the actual video itself. It makes it much easier to amend any errors and tweak the timing of each line, for example, as well as making translating the video content of your course a much easier task.
Use of color
As well as ensuring your course has adequate contrast as described above, it’s important not to use color to convey meaning. This is covered in WCAG 1.4.1 Use of Colour single A. An example of this would be, "Select the green door if you think the policy wording is correct. Select the red door if you think it’s wrong." A color-blind user may not be able to differentiate between the two in those circumstances.
Use of language
It’s always worth trying to keep your text content as plain English as possible. Your audience may not have English as their first language, they may be dyslexic (more detail on accommodating dyslexic learners below), or have some other kind of cognitive impairment that means overly complex text (or text that includes lots of jargon or idioms) may be needlessly hard to understand. You may wish to consider including a glossary to explain more difficult words or to define acronyms and initialisms.
Evolve contains a glossary extension that allows you to create a fully accessible glossary. WCAG 3.1.3 unusual words & 3.1.4 abbreviations triple A covers these points.
There are simple things you can do to your content to make it easier for a dyslexic audience to understand. The British Dyslexia Association advises:
- Use sans serif fonts such as Arial, or alternatives such as Verdana or Tahoma
- Font size should be 12 or 14 point
- Avoid underlining and italic text, and text appearing in all capital letters
- Don't have text appearing in columns (e.g. as you would see in a newspaper)
They also advise bearing the WCAG guidelines in mind and avoiding the same issues with color as previously described.
Course launch environment
One important factor that can be easy to overlook. Where is your course being launched from? Usually, an eLearning course is launched from a Learning Management System (LMS) or an intranet, or some other kind of website. Is this environment accessible? Will your users actually be able to successfully navigate to your accessible course? If the launch environment isn’t accessible, then your learners may be frustrated and unable to access your course.
A restriction for learners could be something as simple as a slow internet connection. This can potentially be just as limiting as any other accessible need, if not addressed.
If you are making a media-rich course with lots of audio, video, or large images — and you know some or all of your audience may not have a fast internet connection — you may want to consider making a low-bandwidth version with alternatives to video, audio, and less large images. You could create a standalone version, or you could use Evolve’s Logic tied to an upfront question asking which version users prefer, and serve them the appropriate version.
When images are uploaded to Evolve, Evolve automatically creates different versions for desktop computers, tablets, and mobile devices. This helps optimize the content for the device you are viewing the course with, which then means less of a strain on the user’s Wi-Fi or data signal on their device.
Accessible PDF's and alternatives
You may find that you want to provide additional materials to learners in the form of PDF content that can be accessed from within your course. This could be anything from a staff handbook, to a list of additional links - or even specifically as an accessible resource, for example, a longer text description of a complex diagram. It is possible to make PDF content fully accessible and navigable with a screen reader.
To create an accessible PDF, you will need a license for the Pro version of Acrobat. Adobe provides lots of tools and on-screen help to aid you in creating accessible PDF content. You can also make an equivalent accessible document in Microsoft Word, or GoogleDocs.
Alternatively, if you want to create some kind of accessible text alternative to a complex diagram, you can use the Links component in Evolve to link to specific pages of content within your course.
You could create a page of content specifically to contain longer text alternatives, link to it, and exclude it from any tracking requirement so a user not using a screen reader wouldn’t have to visit that page unnecessarily to complete a course. You could also include links on that additional page to take the user straight back to where they were linked from.
Did this article help?
Let us know by leaving a star rating or review at the top of this article.