/a11y-workshop

Used to teach front end software engineers about common accessibility issues, how to identify them using various tools, and how to correct them.

Primary LanguageJavaScript

A11y Workshop

This repo is a project used to teach front end software engineers about common accessibility issues, how to identify them using various tools, and how to correct them.

Running the Demo

In your terminal, run:

  1. yarn install to install dependencies
  2. yarn start to run the app locally

During the Workshop

In our live workshop, we'll be digging into the UI and code on the "Bad Examples" page. We'll make modifications to it in the "In Progress" page, and then get it into an accessible state shown in the "Good Examples" page.

Helpful A11y Tools

  1. jsx-a11y ESLint plugin
  2. aXe Chrome extension
  3. VoiceOver screen reader with Safari browser (MacOS)

Other A11y Resources

  1. WCAG docs
  2. WCAG quick reference
  3. Accessibility checklist