Free Tool
Free Full Site Audit: Accessibility + Design System
OverlayQA's free site audit scans any URL for two things at once: WCAG 2.2 accessibility violations and design-system token drift. It loads your page in a real browser, runs axe-core against 300+ rules plus AI visual analysis, and extracts your declared design tokens to measure how much of your rendered UI actually uses them. Enter a URL to get an accessibility score, a design-token coverage percentage, the hardcoded values that bypass your system, and your top findings. No account required.
What It Audits
- Accessibility (WCAG 2.2) — axe-core automated testing plus AI visual analysis for contrast, layout, and readability issues rule checks miss.
- Design-system coverage — extracts declared CSS custom properties (:root tokens), correlates them against the colors, type, and spacing actually rendered, and reports coverage percentage.
- Hardcoded drift — surfaces the literal values that bypass your design tokens, the leading cause of visual inconsistency as a product scales.
The Numbers
We audited 375 sites for design-token coverage and only 7.5% got it right. On accessibility, 95.9% of the top one million websites have detectable WCAG failures, averaging 56.1 errors per page (WebAIM Million, 2025). Automated scanners catch 30-40% of WCAG issues; AI visual analysis closes part of the gap.
Get the Full Extension
The free audit covers one page. The Chrome extension runs the same accessibility and design-system audit on every page as you work, points at the exact element behind each finding, and exports dev-ready issues to Jira, Linear, Notion, Asana, or Trello. Works on localhost, staging, and production.
Frequently Asked Questions
What does the free site audit check? Two things in one scan. Accessibility: axe-core automated testing against 300+ WCAG 2.2 rules plus AI visual analysis. Design system: it extracts your declared CSS design tokens (:root custom properties), correlates them against the colors, type, and spacing actually rendered on the page, and reports token-coverage percentage and the values that bypass your system.
What is design-token coverage? The share of rendered style values (colors, font sizes, fonts, spacing) that map to a declared design token versus hardcoded literals. We audited 375 sites and only 7.5% had high token coverage; most ship a large number of hardcoded values that drift from the design system over time.
Is the site audit really free? Yes. You can run up to 3 audits per day per scan type with no account required. Install the Chrome extension to run the same accessibility and design-system audit on every page as you work, on localhost, staging, and production.
Related Free Tools
- Free Website Accessibility Checker
- Free Color Contrast Checker
- Free Design Debt Calculator
- Free Responsive Website Tester
- Free Website Annotation Tool
- Free OG Image Checker
- Free Heading Checker
- Free Alt Text Checker
- Free Meta Tag Checker
- Free Favicon Checker
Last updated June 2026