Accessibility Error Demos
Each page below contains intentional, isolated accessibility errors for testing and illustration. Every error is labeled with its WCAG criterion and tagged with a data-error-id attribute.
Image Errors
Missing alt text, filename as alt, decorative image issues
6 errorsForm Errors
Missing labels, broken associations, placeholder-only labels
7 errorsARIA Errors
Invalid roles, missing properties, conflicting semantics
7 errorsColor Contrast Errors
Text, large text, and UI component contrast failures
4 errorsHeading Errors
Skipped levels, missing h1, faux headings
4 errorsTable Errors
Missing headers, scope, captions, and associations
5 errorsKeyboard Errors
Traps, missing handlers, removed focus indicators
4 errorsLanguage Errors
Missing lang, wrong lang, unmarked foreign text
3 errorsLink Errors
Empty links, vague text, missing new-window warnings
5 errorsDocument Structure Errors
Missing landmarks, skip nav, page title issues
4 errorsMultimedia Errors
Missing captions, autoplay, no transcripts
3 errorsDynamic Content Errors
Missing live regions, status messages, assertive misuse
3 errorsText Scaling & Collisions
Container overflow, viewport overruns, and px vs rem sizing at up to 250% text scale
7 errorsScaling Issue Detector Tool
Programmatic detection of container collisions and viewport overruns at any text scale
0 errors