Accessible Web Apps with React

Module 1 — Accessibility foundations

Understand WCAG, assistive technologies and how people really browse the web.

Module 2 — Semantic components

Build buttons, links and form controls that keep their native behavior.

Module 3 — Focus and keyboard

Manage focus in single-page apps and design robust keyboard interactions.

Module 4 — Dialogs, menus and tabs

Implement common widgets with correct roles, states and announcements.

Module 5 — Forms that help

Write labels, errors and validation that guide instead of blame.

Module 6 — Testing for access

Combine automated checks, screen reader testing and user feedback.

Module 7 — Accessible design systems

Bake accessibility into shared components and documentation.

Module 8 — Capstone review

Audit and improve a real app, then present your before-and-after.