Accessibility Lab
Audit components with seeded a11y issues
A free catalogue of components with intentional accessibility defects — missing labels, poor contrast, keyboard traps, ARIA misuse and more. Test with a keyboard, a screen reader and axe, then write up what you find. These issues are deliberate practice material.
Forms
Input with no label
Error not announced
Colour contrast
Low-contrast text
This light-grey text on white is hard to read.
Low-contrast button
Keyboard
Button with no visible focus
Illogical tab order
Keyboard-trap modal
Headings & structure
Skipped heading level
Section title (h3)
Subsection (h6 — should be h4)
The heading level jumps from 3 to 6.
Layout table (no headers)
| Name | Role |
| Ada | Engineer |
ARIA & components
Clickable div (not a real button)
I look like a button
Decorative image with noisy alt
Accordion that doesn't expose state
Toggle details ▼