ADA Compliance Checker by Rare Input automatically scans for WCAG 2.1 AA violations the moment you open it. Color-coded highlights show you exactly which elements fail — and clicking any one opens a detailed issue panel.
No account required · Completely free · Works on any webpage
Every scan runs all 12 checks simultaneously. No configuration required — open the extension and results appear immediately.
Detects missing alt attributes, empty alt on non-decorative images, and filename-as-alt-text violations per WCAG 1.1.1.
Checks every input, select, and textarea for accessible labels. Also validates radio button fieldset/legend grouping.
Verifies a single H1 exists, heading levels don't skip (e.g. H2 → H4), and no headings are empty.
Catches empty links, generic link text like "click here", missing href, and new-tab links that don't warn users.
Computes real contrast ratios against WCAG AA minimums (4.5:1 normal text, 3:1 large text) using computed styles.
Identifies elements removed from the tab order with tabindex="-1", positive tabindex values, and outline:none violations.
Validates role values, required ARIA attributes, aria-hidden with focusable children, and broken aria-labelledby IDs.
Checks data tables for captions, th header cells, scope attributes, and headers associations on complex tables.
Confirms the html element has a valid BCP 47 lang attribute (e.g. "en", "en-US") for correct screen reader pronunciation.
Flags videos without captions, audio without transcripts, and autoplay media that interferes with screen readers.
Ensures a non-empty, descriptive title element exists per WCAG 2.4.2 — the first thing screen reader users hear.
Validates buttons have accessible names, icon-only buttons have aria-label, and custom interactive roles have tabindex.
Four steps from install to actionable results.
Add ADA Compliance Checker to Chrome from the Chrome Web Store. No account, no sign-up — one click and it's ready.
Navigate to any webpage and click the extension icon. The scan runs automatically — no button to press, no configuration needed.
Violating elements appear with colored outlines: red for critical issues, orange for warnings, and blue for informational items.
Click any highlighted element and Chrome's side panel opens with the specific WCAG violations, criteria references, and remediation context for that element.
Color severity guide
Practical accessibility guides for developers.
Alt text is one of the most misunderstood accessibility requirements. Most developers know images need alt text — far fewer know how to write alt text that's actually useful.
Forms are the primary interface for user input — and one of the most accessibility-deficient parts of most websites. Here's how to build forms that work for everyone.
Color contrast is one of the most commonly failed WCAG criteria and one of the most measurable. Here's how the math works, what the thresholds are, and how to pick accessible color palettes.