eLearning Accessibility

This page was created to spread a deeper understanding and appreciation of accessibility. It's a constantly evolving, live resource. It provides the methods and tools to help you design accessible learning experiences, in the most practical ways possible. 

The Web Content Accessibility Guidelines (WCAG) 2.0 are the guidelines used to make digital content, including eLearning, accessible for a wider range of people with impairments. Quite often WCAG 2.0 is used as a technical checklist at the end of a project, but if you want to take accessibility seriously (and you should!) then you need to consider everyone's requirements from the very start of the design process.

This page was created to spread a deeper understanding and appreciation of accessibility. It's a constantly evolving, live resource. It provides the methods and tools to help you design accessible learning experiences, in the most practical ways possible. 

“Web Content Accessibility Guidelines (WCAG) 2.0 covers a wide range of recommendations for making Web content more accessible. Following these guidelines will make content accessible to a wider range of people with disabilities, including blindness and low vision, deafness and hearing loss, learning disabilities, cognitive limitations, limited movement, speech disabilities, photosensitivity and combinations of these. Following these guidelines will also often make your Web content more usable to users in general.”  https://www.w3.org/TR/WCAG20/

In short, the guidelines are designed to help make digital content be accessible and inclusive for all people.

There are 12 guidelines, broken down into four principles:

  1. Perceivable - Make sure the content is perceivable for everyone in the audience regardless of impairment.

    1. Text Alternatives: Provide text alternatives for any non-text content so that it can be changed into other forms people need, such as large print, braille, speech, symbols or simpler language.

    2. Time-based Media: Provide alternatives for time-based media.

    3. Adaptable: Create content that can be presented in different ways (for example simpler layout) without losing information or structure.

    4. Distinguishable: Make it easier for users to see and hear content including separating foreground from background.

  2. Operable - Make sure the learning can be navigated and controlled by the user regardless of impairment.

    1. Keyboard Accessible: Make all functionality available from a keyboard.

    2. Enough Time: Provide users enough time to read and use content.

    3. Seizures: Do not design content in a way that is known to cause seizures.

    4. Navigable: Provide ways to help users navigate, find content, and determine where they are.

  3. Understandable - Make sure the learning can be navigated and controlled by the user regardless of impairment.

    1. Readable: Make text content readable and understandable.

    2. Predictable: Make Web pages appear and operate in predictable ways.

    3. Input Assistance: Help users avoid and correct mistakes.

  4. Robust - Make sure the learning works and is compatible with assistive technologies.

    1. Compatible: Maximize compatibility with current and future user agents, including assistive technologies.

The guidelines are also then categorised into levels of conformance ranging from (A) - The lowest level, through to (AA) - The most common level required and all the way to (AAA) - The most stringent.

 

 

What is accessibility?

Impairments
What is WCAG 2.0?

Principle 1: Perceivable

1.1 Text Alternatives

1.2 Time based media

1.3 Adaptable

1.4 Distinguishable

Principle 2: Operable

2.1 Keyboard accessible

2.2 Enough time

2.3 Seizures

2.4 Navigable

Principle 3: Understandable

3.1 Readable

3.2 Predictable

3.3 Input assistance

Principle 4: Robust

4.1 Compatible

Tools for designing, testing and understanding accessibility
 

 

 
 

What is WCAG 2.0

The following is placeholder text known as “lorem ipsum,” which is scrambled Latin used by designers to mimic real copy. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tempus, elit in laoreet posuere, lectus neque blandit dui, et placerat urna diam mattis orci. Aenean eu justo sed elit dignissim aliquam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.

 

Types of impairments and context

The following is placeholder text known as “lorem ipsum,” which is scrambled Latin used by designers to mimic real copy. Nulla lectus ante, consequat et ex eget, feugiat tincidunt metus. Mauris id fermentum nulla.

 

Accessibility Consulting

The following is placeholder text known as “lorem ipsum,” which is scrambled Latin used by designers to mimic real copy. Mauris id fermentum nulla. Nullam sit amet nisi condimentum erat iaculis auctor. Aliquam bibendum, turpis eu mattis iaculis, ex lorem mollis sem, ut sollicitudin risus orci quis tellus. Vivamus a ante congue, porta nunc nec, hendrerit turpis.