WCAG Compliance Calculator

This calculator runs five pass/fail checks — AA contrast, alt text, keyboard navigation, ARIA labels, and AAA contrast — each worth 20 points, and adds them into a compliance score. At the default 4.5:1 contrast ratio with the other three boxes checked, the score lands at 80% and Level AA, not AAA: WCAG Success Criterion 1.4.3 (Level AA) requires only 4.5:1 for normal-size text, but Success Criterion 1.4.6 (Level AAA) demands 7:1, so the default input passes four of the five checks and fails only the toughest one. Text size matters here because it changes which contrast bar applies — both success criteria relax the requirement to 3:1 (AA) and 4.5:1 (AAA) once text reaches 18pt, or 14pt bold, on the theory that larger glyphs remain legible at lower contrast.

Alt text, keyboard navigation, and ARIA labels each move the score by exactly one-fifth (20 points) whether toggled on or off, and unlike contrast they are binary switches rather than a continuous ratio. The level assigned is not simply "however many checks pass": Level A only requires AA contrast plus keyboard access, so a site with no alt text or ARIA can still register as Level A if those two hold. This tool checks the four criteria it collects — it does not audit heading structure, focus order, color alone conveying meaning, or the dozens of other WCAG 2.1 success criteria a real audit covers.