Web Accessibility Workshop

This project accompanies the Frontend Masters course on Web Accessibility. It's a simple HTML and CSS project designed to teach accessibility concepts through hands-on exercises.

Getting Started

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:

Using Node.js

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

Using Python

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

Course Content

The workshop covers:

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

V2 Version

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