The card below is the “product under test”. Use guided mode to see the bug list upfront, or blind mode to find them yourself first.
Techniques: Accessibility testing, Checklist-based testing
Subscribe to our newsletter
Your findings
0 / 0 bugs foundTick each bug as you confirm it on the page above. Progress saves automatically.
Write down every bug you find. Be specific — where it is, what’s wrong, what it should be.
Planted bugs (6)
- Both inputs use only
placeholdertext as labels. Placeholders disappear on focus and are not accessible to screen readers as labels. Requires<label>elements. - White (#ffffff) on light grey (#cccccc) gives a contrast ratio of ~1.6:1. WCAG AA requires 4.5:1 for normal text.
- Grey #888888 on white gives ~3.5:1 contrast. Passes for large text (3:1) but fails for body text at small sizes (4.5:1 required).
- The button has
outline:noneand no:focus-visiblestyle — keyboard users get no focus indicator. - The checkbox has an id but the adjacent text is a
<span>not a<label for>— screen readers won't announce the label when the checkbox is focused. - The footer link colour #bbbbbb on white gives ~1.9:1 contrast — well below the 4.5:1 minimum.
A11y audit: check every input for a visible label, every interactive element for a focus indicator, and every text element for contrast ratio using DevTools or the WAVE extension.