illustrated hero image of a character standing on the peak of a giant mountain rising out of a laptop computer screen

If you go looking for e-learning accessibility standards, you’ll see a certain four-letter acronym over and over again: WCAG. In this post, we’ll cover what WCAG is, why it’s important, and how you can apply it to your e-learning.

What Is WCAG?

Web Content Accessibility Guidelines (WCAG) is a set of standards for making web content, including e-learning courses published to the web, more accessible. Learn more about accessibility in this article: What Is Accessible E-Learning?

Unlike Section 508, which is part of a U.S. law, WCAG standards are optional best practices maintained by the World Wide Web Consortium (W3C), an organization focused on developing open web standards. While not a requirement, WCAG is an important tool for e-learning developers who want to build accessible courses.

That seems simple enough, right? But things can get tricky when you start digging into WCAG documentation. In addition to this lengthy document that lays out the WCAG 2.0 standards, there’s another, equally lengthy document to help explain WCAG 2.1 standards!

At a high level, WCAG has four sections: the principles of accessible design, the guidelines themselves, success criteria for levels of conformance, and specific implementation techniques. Let’s take a closer look.

Accessibility Principles & Guidelines

According to WCAG documentation, accessible web content follows four principles: it’s perceivable, operable, understandable, and robust. Twelve guidelines fall under these four principles—each with their own subguidelines.

Here’s how each of these principles applies to e-learning, as well as a sample of some relevant guidelines that fall into each category.

Perceivable

Learners need to be able to access the information that’s presented. All parts of your course should be available to them regardless of their ability to see, hear, or touch. Guidelines for making your e-learning more perceivable include:

  • adding alt-text to images, buttons, and other objects in your course
  • making sure color is not the only visual means of communicating information
  • providing learners with the ability to resize text

Operable

Learners need to be able to perform all of the actions required of them in the course. Guidelines for making your e-learning more operable include:

  • providing keyboard-only navigation options
  • giving learners the option to skip timed exercises
  • making it possible to navigate your course in multiple ways
  • avoiding course design elements that might cause seizures, such as flashing lights
  • using section headings to organize content

Understandable

Learners need to be able to understand both the content of the course and how to navigate the user interface. Guidelines for making your e-learning more understandable include:

  • making it possible for screen readers to determine the language used in your course
  • providing learners with good instructions when requesting their input
  • building consistent navigation and identification throughout your course

Robust

Course content must make sense to assistive technologies such as screen readers. Guidelines for making your e-learning more robust include:

  • publishing courses to well-formatted HTML output
  • assigning names, roles, and values to all elements in your course

Conformance Levels

Each of the WCAG guidelines, such as the ones listed above, is organized into one of three levels: A, AA, or AAA. It’s a common misunderstanding that Level A guidelines are “good,” Level AA guidelines are “better,” and Level AAA guidelines are “the best”; in reality, it’s a bit more nuanced than that.

The WCAG level system accounts for all the factors one might consider when prioritizing the list of guidelines, including their goals and any logistical, technical, and resource limitations they might have. Here’s how to think about the guidelines at each level.

Level A Guidelines

This is the low-hanging fruit. As a best practice, all of your e-learning should meet Level A guidelines. These guidelines are easy to implement, and doing so makes your e-learning accessible to a broad range of folks in different demographics. It’s a win-win!

Level AA Guidelines

These are more specialized, and trickier to implement. Applying these guidelines affects a smaller group, but the changes have a big impact on those individuals. You should strive to make your e-learning meet Level AA guidelines as much as you’re able.

Level AAA Guidelines

These can be tough (and sometimes expensive!) to implement, and the changes impact a very specific group. Whether you decide to follow Level AAA guidelines really depends on the needs of your learners and organization.

How Can I Build WCAG-Compliant E-Learning with Articulate 360 Apps?

When you understand which guidelines are important to implement, it’s easy to make your Storyline 360 and Studio 360 courses WCAG compliant. And to make it even easier, we created these helpful resources that walk you through the some best practices:

And if you want to dig into the details of how our apps meet WCAG requirements at the A and AA levels, check out these resources:

All of these authoring apps are available with a subscription to Articulate 360. You can read our Articulate 360 accessibility FAQs for more details.

More Resources

Want to deepen your understanding of WCAG even further? Check out these helpful resources:

And remember to follow us on Twitter and LinkedIn and come back to E-Learning Heroes for more helpful advice on everything related to e-learning. If you have any questions, please share them in the comments.

6 Comments
Noel Sapp

Hopefully you've already found your answer but for anyone else that might pop in, you can manually edit the player tab order. While on a slide view, click the Home tab from the main menu. In the second block of tools (the group is titled, "Slide"), there is a Tab Order button. Clicking that will open a window that lists all the objects within the slide that are viewable with a screen reader. On the left are the objects from the slide. On the right is the alt text (if applied) associated to an object. By default, the order is probably using the order of your timeline and Layers panel, so it might appear chaotic. If so, you can click the upper Check Box "Create Custom Tab Order." Now you can click on an object to highlight the row, then use the up/down arrows near the bottom of this window t... Expand

David Sprouse