This is a companion repository for the Website Accessibility, v3 course on Frontend Masters.

It's a simple HTML and CSS project designed to teach accessibility concepts through hands-on exercises.

Since this is a pure HTML and CSS project, you just need a basic HTTP server to run it. Here are a couple of options:

If you have Node.js installed:

# Install the http-server package globally npm install -g http-server # Run the server (from the project directory) http-server # The site will be available at http://localhost:8080

If you have Python installed:

# Python 3 python -m http.server 8000 # Python 2 python -m SimpleHTTPServer 8000 # The site will be available at http://localhost:8000

The workshop covers:

• Screen Reader Accessibility
• Color Contrast
• Tab Trapping and Keyboard Navigation
• ARIA Labels and Roles
• Accessibility Audits

Looking for the V2 version of this workshop? You can find it at learn-a11y-v2.netlify.app