Web Accessibility (A11y)

Build accessible websites with WCAG 2.2, semantic HTML, ARIA and keyboard patterns, and test with automated tools and screen readers.

Start course →

What you'll learn

  • Explain WCAG levels, the POUR principles and the 2.2 additions.
  • Build pages with semantic HTML, landmarks, headings and accessible forms.
  • Apply ARIA, focus management and keyboard patterns correctly.
  • Meet contrast and text-alternative requirements.
  • Test with automated tools, a keyboard and a screen reader.

Syllabus

Module 1: Getting Started

  1. Why accessibility matters

Module 2: Foundation

  1. WCAG standards
  2. WCAG 2.2 updates
  3. Semantic HTML

Module 3: Core Techniques

  1. ARIA roles
  2. Keyboard navigation
  3. Focus management
  4. Screen readers

Module 4: Content & Data

  1. Color contrast
  2. Text alternatives
  3. Forms accessibility
  4. Tables for data

Module 5: Design Patterns

  1. Skip links
  2. Landmarks
  3. Headings structure
  4. Lists properly

Module 6: Advanced Patterns

  1. Dynamic content
  2. Video/audio captions
  3. Navigation accessibility

Module 7: Testing & Tools

  1. Testing accessibility strategy
  2. Manual testing
  3. Automated testing
  4. Browser dev tools

Module 8: Assistive Technologies

  1. Assistive technologies

Module 9: Best Practices

  1. Best practices checklist

Module 10: Quick Reference

  1. Cheat sheet & Interview Q&A