Web Accessibility, V3 - Frontend Masters

This repo includes the public source code for the course website related to the Frontend Masters workshop on Web Accessibility.

Topics:

  • Introduction
  • Screen Readers and Assistive Technologies
  • Accessibility Debugging
  • Accessible HTML
  • ARIA (Accessible Rich Internet Applications)
  • Focus Management
  • Visual Considerations
  • Wrap-Up

The base components used in class are in the components directory: https://github.com/marcysutton/frontend-masters-web-accessibility-v3/tree/main/components

More-complete components are in the completed-components directory: https://github.com/marcysutton/frontend-masters-web-accessibility-v3/tree/main/completed-components

Setup

This site uses Next.js and React. To run the project, clone (or download it) from GitHub:

git clone git@github.com:marcysutton/frontend-masters-web-accessibility-v3.git

Install dependencies with yarn or npm:

yarn

Run the project locally:

yarn run dev

Note: These slides are based on the JavaScript Patterns repo from Lydia Hallie.