Web Accessibility Compliance Course (How To)

Your content is clear, your images are responsive, your code is clean, and your layout flows beautifully on all the most popular devices. You think you're ready to launch, but you might have overlooked a crucial aspect of your website's development. If it's not easy for a person to access your content, regardless of the way in which they use the internet, there's still work to be done. Developing for accessibility should be part of the standard workflow, but it's often given too little attention. In this course, you’ll learn about the standards in place to guide developers in creating a web that is accessible to all users as well as techniques to help bring your projects up to those standards.

What you'll learn

• Accessibility at a Glance
• NonVisual Desktop Access
• WCAG 2.0
• Semantic HTML
• WAI-ARIA
• Testing for Accessibility

Access for Everybody

Welcome to Web Accessibility Compliance! It’s so important for our content to be available to absolutely as many people as possible, but this aspect of our work as developers is often forgotten, pushed aside, or given a very low priority.

Chevron 6 steps

• What is Web Accessibility

  1:33

• Assistive Technologies

  5:09

• Getting Started with NVDA

  5:01

• Getting Started with VoiceOver

  3:42

• Access Issues Unrelated to Disability

  1:40

• Review: Access for Everybody

  5 questions

WCAG 2.0 (and Other Standards)

There are many existing guidelines for web accessibility. The most common are the Web Content Accessibility Guidelines, WCAG 2.0, although these are not the only standards you should know. This stage will review the industry standards in place today.

Chevron 9 steps

• Understanding the Guidelines and Levels

  3:27

• Perceivable

  4:41

• Operable

  3:33

• Understandable

  2:13

• Robust

  2:22

• WCAG 2.0 Review

  5 questions

• The WCAG 2.0 Checklist

  2:49

• Section 508

  3:11

• Guidelines Review

  5 questions

Semantic HTML and WAI-ARIA

Semantic HTML5 tags in our markup is one of the first tools to use in making a site accessible. There will be times, of course, when even our semantic tags don’t convey everything we want to about a particular element. WAI-ARIA stands for Web Accessibility Initiative Accessible Rich Internet Applications, and allows us to craft our elements' functionality in new, accessible ways.

Chevron 8 steps

• HTML5 Semantic Tags

  7:45

• WAI-ARIA Roles

  5:24

• HTML5 and WAI-ARIA Review

  5 questions

• Hierarchy of Elements

  1:52

• Labeling Content

  4:30

• Alternative Text

  2:12

• Tab Order

  3:02

• Accessible Markup Review

  5 questions

Accessible UI Patterns

We’ve added a lot to our accessibility arsenal. In addition to the tools available to us through WAI-ARIA and HTML itself, there are several techniques we can use to make navigating our apps easier on all of our users. This stage will over some ways we can improve the UI of our websites.

Chevron 5 steps

• Color Contrast

  2:02

• Clickable Area

  1:36

• Keyboard Interactivity

  3:54

• Accessible Video Content

  2:35

• Review: Accessible UI Pattern

  5 questions

Mobile Accessibility

Though this course is largely about web accessibility concerns, there’s a lot to cover in terms of mobile accessibility. In this stage, we’ll cover responsive techniques as well as things to keep in mind when you consider users accessing your content via mobile devices.

Chevron 5 steps

• BBC Mobile Accessibility Guidelines

  3:06

• Gestures and Touch

  2:46

• Relative Units

  6:01

• Responsive Techniques

  2:51

• Review: Mobile Accessibility

  7 questions

Testing for Accessibility

You’re probably at least a little familiar with the benefits of testing your code, but testing for accessibility should be part of that process. There are lots of options when it comes to testing the accessibility of our projects, ranging from quick and dirty manual techniques to building automated tests directly into the workflow.

Chevron 4 steps

• Manual Testing

  2:12

• Browser Testing

  2:11

• Automatic Testing

  1:20

• Web Accessibility Compliance Review

  5 questions