YRA Test Pages

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 errors

Form Errors

Missing labels, broken associations, placeholder-only labels

7 errors

ARIA Errors

Invalid roles, missing properties, conflicting semantics

7 errors

Color Contrast Errors

Text, large text, and UI component contrast failures

4 errors

Heading Errors

Skipped levels, missing h1, faux headings

4 errors

Table Errors

Missing headers, scope, captions, and associations

5 errors

Keyboard Errors

Traps, missing handlers, removed focus indicators

4 errors

Language Errors

Missing lang, wrong lang, unmarked foreign text

3 errors

Link Errors

Empty links, vague text, missing new-window warnings

5 errors

Document Structure Errors

Missing landmarks, skip nav, page title issues

4 errors

Multimedia Errors

Missing captions, autoplay, no transcripts

3 errors

Dynamic Content Errors

Missing live regions, status messages, assertive misuse

3 errors

Text Scaling & Collisions

Container overflow, viewport overruns, and px vs rem sizing at up to 250% text scale

7 errors

Scaling Issue Detector Tool

Programmatic detection of container collisions and viewport overruns at any text scale

0 errors