Overview
On-demand WCAG contrast audit of interactive states (:hover, :focus, :focus-visible) using the Chrome DevTools Protocol.
Automated accessibility tools such as axe-core, Lighthouse and WAVE only check colour contrast on the page's resting state. They miss contrast failures that appear only when an element is hovered or focused — a faint hover text colour, a near-invisible focus ring, an icon that washes out on hover. A11y State Contrast Checker fills that gap. It uses the Chrome DevTools Protocol to force the real :hover, :focus and :focus-visible states on the page's rendering engine, then measures the resulting contrast — so specificity, !important, custom properties and media queries are all resolved correctly by the browser itself. What it checks: • 1.4.3 Contrast (Minimum) — text vs. background on hover/focus • 1.4.11 Non-text Contrast — the focus ring vs. its surroundings • 1.4.11 — icon-only controls (SVG fill/stroke) vs. background How to use it: open any page, click the icon, press "Run audit". Results show the element, the state, the measured ratio, the required ratio and pass/fail. Click a result to highlight that element on the page. Note: while a scan runs, Chrome shows its "started debugging this browser" bar — that is how the extension forces the interactive states via the DevTools protocol, and it disappears when the scan ends. Privacy: the extension collects no data and makes no network requests — everything runs locally. It is fully open source: https://github.com/conlaccento/a11y-state-contrast-checker
Details
- Version0.1.0
- UpdatedJuly 21, 2026
- Offered byAntonio Trifirò
- Size21.33KiB
- LanguagesEnglish
- Developer
Email
antonio@conlaccento.it - Non-traderThis developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.
Privacy
This developer declares that your data is
- Not being sold to third parties, outside of the approved use cases
- Not being used or transferred for purposes that are unrelated to the item's core functionality
- Not being used or transferred to determine creditworthiness or for lending purposes
