Self-pacedIntermediate8 modules~4.0 hours hands-on
Accessible UI & Design Systems
Build VenueFlow, a polished conference operations dashboard, while learning reusable component contracts, responsive design systems, keyboard and focus behavior, accessible forms, dialogs, data surfaces, themes, and resilient UI states.
// What you'll be able to do- Accessibility, design systems, and honest scope
- Scaffold VenueFlow and establish quality gates
- Create a consistent visual language and typed primitives
- Build validation that works visually and semantically
8 modules, built to run
Every module ships runnable code. Expand any one to see what's inside.
00IntroductionThe accessible product interface you'll build30 min
Objective — The accessible product interface you'll build
Start moduleFree preview
01OrientationAccessibility, design systems, and honest scope30 min
Objective — Accessibility, design systems, and honest scope
02Project SetupScaffold VenueFlow and establish quality gates30 min
Objective — Scaffold VenueFlow and establish quality gates
03Tokens and Component ContractsCreate a consistent visual language and typed primitives30 min
Objective — Create a consistent visual language and typed primitives
04Forms and Accessible FeedbackBuild validation that works visually and semantically30 min
Objective — Build validation that works visually and semantically
05Navigation, Dialogs, and FocusEngineer keyboard-safe interaction patterns30 min
Objective — Engineer keyboard-safe interaction patterns
06Responsive Data SurfacesCompose the dashboard across screens and UI states30 min
Objective — Compose the dashboard across screens and UI states
07See It RunAudit, test, and prove the complete interface30 min
Objective — Audit, test, and prove the complete interface
Ready to start Accessible UI & Design Systems?
Start with the free Module 0, then unlock the full course on a Pro plan.