Item logo image for Instant WCAG Contrast Check

Instant WCAG Contrast Check

peterbenoit.com
Item media 2 (screenshot) for Instant WCAG Contrast Check
Item media 1 (screenshot) for Instant WCAG Contrast Check
Item media 2 (screenshot) for Instant WCAG Contrast Check
Item media 1 (screenshot) for Instant WCAG Contrast Check
Item media 1 (screenshot) for Instant WCAG Contrast Check
Item media 2 (screenshot) for Instant WCAG Contrast Check

Overview

Hover any text to see its WCAG contrast ratio — AA/AAA pass or fail, instantly.

A lightweight Chrome extension that shows WCAG contrast ratios on hover. No panel to open, no full-page audit. Point at any text and see if it passes. FEATURES • Hover to inspect: Move your cursor over any text element to see its contrast ratio instantly • WCAG 2.1 compliant: Shows pass/fail for AA and AAA, with large text detection • Background resolution: Walks up the DOM to find the true effective background color • Background image detection: Flags elements over background images instead of guessing • Copy colors: Click any element to copy foreground and background colors to clipboard • Minimal permissions: Only uses activeTab and scripting, no persistent access HOW TO USE 1. Click the Contrast Check icon in the toolbar to activate 2. Hover over any text element to see the contrast tooltip 3. Click an element to copy its foreground and background colors 4. Press Escape to deactivate, or click the toolbar icon again EDGE CASES HANDLED • Semi-transparent text colors composited against background • Semi-transparent background layers composited down to root • Large text detection (≥24px, or ≥18.66px and bold) • Background images and gradients (flagged, not guessed) PERFECT FOR • Web developers and designers • Accessibility auditors • Anyone who cares about readable interfaces PRIVACY This extension does not collect, store, or transmit any user data. It runs entirely locally in your browser.

Details

  • Version
    1.0.2
  • Updated
    April 16, 2026
  • Size
    37.0KiB
  • Languages
    English (United States)
  • Developer
    Website
    Email
    peterbenoit@gmail.com
  • Non-trader
    This 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

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

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

Support

For help with questions, suggestions, or problems, visit the developer's support site

Related

Serifio: Font & Colour Inspector

4.6

Identify fonts, copy colour codes and check WCAG contrast ratios. The essential tool for designers and developers.

Quetext: AI Content Detector & Plagiarism Checker

4.8

Check any text for plagiarism and AI-written content. Highlight text on any page, scan text, and get results without switching tabs.

Grackle Check - WCAG Accessibility Checker

5.0

WCAG 2.2 AA compliance checker for web pages. Scan any website for accessibility issues directly from your browser.

AccessiWeb Color Contrast Tester

4.8

Verifica il rapporto di contrasto tra due colori secondo le WCAG.

VisionFlow: High-Accuracy OCR & Converter

5.0

Extract text from any image with 99-100% OCR accuracy! Also convert images to JPG/PNG/PDF and copy Base64 instantly.

WCAG Contrast Checker - Color Accessibility Tool with APCA

0.0

Instantly check contrast ratio for color accessibility. WCAG contrast checker with fix suggestions and APCA algorithm support.

Colour Contrast Checker

3.4

Check the contrast between different colour combinations against WCAG standards

WCAG 2.1 Checker

0.0

Chrome extension for automated WCAG 2.1 AA accessibility audits using axe-core

WCAG 2.1 Accessibility 1.4 Text and Contrast Testing and Checking Tool

0.0

Toggles for WCAG: 1.4.12 (Text Spacing), 1.4.4 (Text Resize), 1.4.1 (Grayscale), 1.4.10 (320px Reflow).

ADA Compliance Checker

0.0

Scan any webpage for ADA and WCAG 2.1 AA accessibility violations with severity levels, visual highlights, and detailed insights.

AccessCheck — Website Accessibility Checker, WCAG & ADA Audit

5.0

Run a WCAG and ADA accessibility audit. Check color contrast, alt text, headings, ARIA and 50+ website issues.

Area Contrast Checker - Drag to Scan WCAG & APCA Color Accessibility

4.5

Drag-to-scan A11y contrast tool. Pixel analysis works reliably on images and gradients. Supports WCAG 2.1/2.2 and APCA.

Serifio: Font & Colour Inspector

4.6

Identify fonts, copy colour codes and check WCAG contrast ratios. The essential tool for designers and developers.

Quetext: AI Content Detector & Plagiarism Checker

4.8

Check any text for plagiarism and AI-written content. Highlight text on any page, scan text, and get results without switching tabs.

Grackle Check - WCAG Accessibility Checker

5.0

WCAG 2.2 AA compliance checker for web pages. Scan any website for accessibility issues directly from your browser.

AccessiWeb Color Contrast Tester

4.8

Verifica il rapporto di contrasto tra due colori secondo le WCAG.

VisionFlow: High-Accuracy OCR & Converter

5.0

Extract text from any image with 99-100% OCR accuracy! Also convert images to JPG/PNG/PDF and copy Base64 instantly.

WCAG Contrast Checker - Color Accessibility Tool with APCA

0.0

Instantly check contrast ratio for color accessibility. WCAG contrast checker with fix suggestions and APCA algorithm support.

Colour Contrast Checker

3.4

Check the contrast between different colour combinations against WCAG standards

WCAG 2.1 Checker

0.0

Chrome extension for automated WCAG 2.1 AA accessibility audits using axe-core

Google apps