Learn by testing
Experience barriers. Compare patterns. Build better.
The lab contains deliberately inaccessible examples for education. They may be difficult or impossible to operate with assistive technology; use the paired accessible version to compare behavior.
Training notice: pages labeled “intentionally inaccessible” contain purposeful WCAG failures. They are not representative of the production site's accessibility target.
Intentionally inaccessible
Non-semantic training site
Find structural, naming, navigation, and interaction barriers.
Open inaccessible site →Accessible patternSemantic training site
Compare meaningful structure, navigation, labels, and keyboard behavior.
Open accessible site →Extended labInaccessible university demo
A larger multi-page site with deliberate usability and accessibility defects.
Enter the demo →Focused exercises
Intentionally inaccessible
Inaccessible form
Identify missing labels, grouping, errors, semantics, and focus behavior.
Test the broken form →Accessible patternAccessible form
Compare proper labels, validation, grouping, announcements, and controls.
Test the accessible form →AutomationPlaywright automation demo
Explore a working browser-automation training page already in the site.
Open automation demo →