Web Accessibility (A11y)

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