Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Auditing React Apps for Accessibility

via egghead.io

Overview

Web accessibility (also referred to as a11y) is the design and creation of websites that everyone can use. Accessibility support is necessary to allow assistive technology to interpret web pages.
Accessibility is an essential aspect in web development, yet often neglected.
As web developers, we can eliminate barriers restricting a person's ability to interact with our application.
Erin Doyle is an expert in creating accessible React applications and has developed a course that will give you a concrete process for auditing react apps for accessibility.
At the end of this course, you will be able to add auditing tools to your development workflow for accessibility issues in your applications and ultimately automate those audits.
Gain These Skills
Set up storybook on your project to audit components
Render components with jest-axe and ReactDOM
Write unit tests with jest-axe, enzyme, react-testing-library, cypress
Leverage different pluggings in GitHub for testing
What's New?
This is a great follow-up course to keep learning how to test accessibility on your applications. With this course, you'll have a jump start on auditing and fixing accessibility issues in your applications and gain a better understanding of your target users and how to approach your web app design → Develop Accessible Web Apps with React
This course will introduce you to accessibility through hands-on, technical examples that are way more effective than reading 10-year-old static web content → Start Building Accessible Web Applications Today
In this course and you will learn how to create a beautiful and pleasant Skeleton Loader for your web app using CSS animations, focusing on Web Accessibility and Web Semantic → Creating Accessible Skeleton Loader Animation from Scratch with HTML and CSS

Syllabus

  • Audit Component Accessibility Using Storybook
  • Render Components with ReactDOM to Write Tests with Jest and jest-axe
  • Write Unit Tests for Accessibility Using jest-axe and enzyme
  • Write Better Unit Tests with react-testing-library and jest-axe
  • Test Accessibility at Runtime with Selenium WebDriver and aXe-Core
  • Write E2E Tests for Accessibility Using aXe-core and Cypress
  • Automate Accessibility Audits with GitHub Actions
  • Audit an App's Rendered Pages Locally with Lighthouse CI CLI
  • Automate Lighthouse Audits with GitHub Actions

Taught by

Erin Doyle

Reviews

4.5 rating at egghead.io based on 27 ratings

Start your review of Auditing React Apps for Accessibility

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.