Color contrast
Body text ≥ 4.5 : 1, large text ≥ 3 : 1. Common offender: gold on cream, light gray on white.
ADA Audit
Pass WCAG 2.1 AA and ship a more inclusive site
ADA lawsuits hit thousands of US sites every year. Our audit maps to the exact elements WCAG 2.1 AA covers — and the ones plaintiffs cite.
What we audit
WCAG 2.1 AA aligned, lawsuit-grade
ADA litigation is rising. We audit the elements the Department of Justice and plaintiffs actually examine.
Keyboard reach
Every interactive element reachable via Tab; visible :focus-visible outline; no keyboard traps.
Screen-reader semantics
Landmark roles (main, nav, banner), aria-label on icon-only buttons, headings in order.
Image alternatives
Every <img> with a descriptive alt (decorative ones alt=""); <figcaption> on figures.
Forms & errors
Labels associated via for/id; required fields with aria-required; error messages programmatically linked.
Motion & zoom
Honor prefers-reduced-motion; text zoomable to 200% without loss of content; viewport allows user-scaling.
Playbook
Six fixes that close 80% of WCAG findings
Most ADA scanners surface the same recurring issues. Tackle these six first.
1Audit color contrast first
Run WAVE. Body text must be ≥ 4.5 : 1. Replace light grays on white with ≥ #666.
2Add alt to every <img>
Decorative images get alt=""; informative ones get a short description; SVG icons get aria-label or aria-hidden.
3Set <html lang>
Tells screen readers which language to pronounce. One line, big win — and its often missing.
4Restore the focus outline
Never outline:none without a replacement. Use :focus-visible for a clean keyboard-only ring.
5Heading order & one H1
Exactly one <h1> per page; no skipping H2 → H4. Screen readers use this for skim navigation.
6Free the viewport
Remove user-scalable=no and maximum-scale=1. Low-vision users need to zoom — and Safari now treats this as a violation.
Turn audit findings into a shipped backlog
Open the Free Toolkit and start by gathering the third-party reports yourself.