Hover over any text on a webpage to see if it meets WCAG contrast standards. No full-page audits, no screenshots, no external tools. Just point your mouse and know whether the text passes AA or AAA requirements in milliseconds.
Checking whether text meets WCAG contrast ratios breaks your workflow. The standard process requires taking a screenshot, using an external color picker, copying color codes into a contrast calculator, and comparing results to guidelines. Every check takes 30-60 seconds and context-switches you out of the page.
Browser DevTools show computed colors but don't evaluate them against accessibility standards. Full-page auditors flag issues but don't help you check individual elements while you're building or reviewing. You need something faster.
No setup, no configuration, no accounts. Works on any website.
Contrast Check implements WCAG 2.1 Level AA and AAA requirements. Text size and weight determine which threshold applies.
| Text Type | AA Minimum | AAA Enhanced |
|---|---|---|
| Normal text | 4.5:1 |
7:1 |
| Large text (18pt+ or 14pt+ bold) | 3:1 |
4.5:1 |
The extension automatically detects text size and weight to apply the correct threshold.
Understands text over solid backgrounds, layered transparent colors, and inherited styles from parent containers. Evaluates what the browser actually renders, not just direct CSS values.
Automatically adjusts evaluation based on font size and weight. Large headings get different (more lenient) requirements than body text, matching WCAG specifications.
When text appears over a background image or gradient, contrast can't be calculated reliably. The extension flags these cases so you know manual review is needed.
All processing happens locally in your browser. No data is sent to external servers, no accounts are created, and no tracking occurs. The extension only accesses the active tab when you activate it.
Verify CSS color choices meet standards while you code. Catch contrast issues before they reach production without breaking your flow.
Validate design mockups and color palettes against real-world WCAG requirements. Make informed decisions early in the design process.
Speed up manual accessibility testing. Verify individual elements on the spot instead of running full-page audits every time.
Add contrast checking to your testing checklist. Identify readability issues across different pages and components efficiently.
Note: Text over photographic backgrounds, complex gradients, or video always requires manual review. The extension flags these cases but can't automatically evaluate them.