URL Contrast Checker
Scan any website for WCAG color contrast violations. Enter a URL, and we'll find every text element that fails to meet minimum contrast — before an ADA lawsuit does.
Paste a website URL below. We'll scan every text element using browser-grade CSS resolution — supporting classes, variables, and external stylesheets.
Frequently Asked Questions
How does the URL scanner work?▼
Enter any website URL and our scanner fetches the page HTML, extracts all text elements with their foreground and background colors, and checks each pair against WCAG contrast standards. Results show exactly which elements fail and the contrast ratio for each.
What does the scan detect?▼
The v1 scanner detects text colors from inline CSS styles and HTML attributes on common text elements (headings, paragraphs, links, list items, buttons, table cells). It walks up the DOM tree to find the nearest background color. Elements that fail WCAG AA normal text contrast (4.5:1) are flagged as violations.
What are the limitations?▼
v1 does not process external CSS stylesheets or JavaScript-rendered content. If a site uses CSS-in-JS, CSS modules, or dynamically injected styles, those colors may not be detected. We recommend using this as a first-pass scan, then testing critical pages manually with our Contrast Checker.
Is this like WAVE or axe DevTools?▼
WAVE and axe are comprehensive accessibility scanners that check dozens of WCAG criteria. Our tool focuses exclusively on color contrast — the most common ADA compliance issue. It's lighter, faster, and you can use it without installing a browser extension.
What should I do with the results?▼
For each violation, you'll see the exact text, its current color, background color, and contrast ratio. Adjust either the text or background color to reach at least 4.5:1 for normal text (3:1 for large text), then re-scan to verify. Use our Contrast Checker to experiment with alternative colors before deploying fixes.