Skip to content
O'Reilly home
Learning Path

Modern Web Pillars—Accessibility

Instructor Ally MacDonald
Start
Time to complete: 1h 54m

Published byO'Reilly Media, Inc.

CreatedFebruary 2018

What is this learning path about, and why is it important?

Accessibility is a crucial topic when it comes to building satisfying web experiences for your users. Beyond the obvious legal and ethical implications, the US Census Bureau estimates that 1 in 5 Americans have a disability, but that more than 70% of websites are broken for disabled users, including those who rely on assistive technology to navigate the web. This represents a potentially enormous amount of lost traffic to those sites that neglect accessibility. Of course, product and engineering teams would never set out to create features that blocked service to 20% of their users, and yet when it comes to accessibility concerns, many elements are often overlooked. The fact is, if you're not developing with web accessibility in mind, you're not just doing a disservice to the millions of users accessing the web with disabilities, you're doing a disservice to the success and business strategy of your site or app.

In this learning path for entry- to intermediate-level developers, and curated from web accessibility sessions from the Modern Web Pillars track at Fluent, you'll learn common accessibility antipatterns on the frontend and how to avoid them as well as practical strategies for incorporating accessibility into your development workflow. You’ll examine ways to make single-page applications accessible. You’ll also look at examples for scripting the document object model (DOM), ARIA, and CSS. In addition, you’ll learn how to measure your site’s accessibility, and you’ll examine testing tools and other tools to assist in Continuous Integration environments.

What you’ll learn—and how you can apply it

  • Understand the importance of and how to make single-page applications accessible
  • Gain an understanding of practical DOM scripting, ARIA, and CSS via examples that you can deploy in your code now
  • Learn how to measure accessibility on your site, how to automate checks, and integrate them into your daily process
  • Learn useful accessibility tools for testing and Continuous Integration

This learning path is for you because…

  • You're a frontend/JavaScript developer, and you want to gain a better understanding of accessibility mechanics and the relationship between code, the browser, and assistive technologies
  • You're a frontend developer or designer and you want to learn the benefits of incorporating accessibility for your site or app

Prerequisites:

  • You should have basic experience with HTML, CSS, and JavaScript
  • Although not required, being familiar with single-page architectures, common JavaScript frameworks, user experience design, and accessibility practices would be useful

Materials or downloads needed in advance: None