Working on a side project (https://adaflags.com) that scans websites for ADA accessibility issues, and after running thousands of scans, these are the violations that show up in actual lawsuit filings most often:
**1. Missing image alt text** — Plaintiff attorneys literally screenshot your site with a screen reader open. No alt text = instant exhibit A. Takes 10 minutes to fix across most sites.
**2. Form inputs without labels** — Contact forms, newsletter signups, checkout fields. If the label isn't programmatically associated (not just visually near the input), it fails. This one catches a lot of devs off guard.
**3. Color contrast below 4.5:1** — Light gray text on white background is the single most common violation. Chrome DevTools has a contrast checker built in — run it on your CTAs and body text first.
**4. No keyboard navigation** — Tab through your site right now. Can you reach every interactive element? Can you see where focus is? If you lose track of where you are, so does a keyboard-only user.
**5. Missing page/document titles** — Every page needs a unique, descriptive `` tag. Sounds basic but frequently missing on SPAs that don't update document.title on route change.</p> <p>The pattern I see: most ADA lawsuits target the same low-hanging fruit because it's easy to document programmatically. Fixing these 5 things won't make you fully WCAG 2.1 compliant, but it removes the easiest targets.</p> <p>Anyone here done a full WCAG audit on a production app? Curious what violations surprised you most.</p>
No responses yet.