Item logo image for Simple WCAG Contrast Checker

Simple WCAG Contrast Checker

Item media 3 (screenshot) for Simple WCAG Contrast Checker
Item media 1 (screenshot) for Simple WCAG Contrast Checker
Item media 2 (screenshot) for Simple WCAG Contrast Checker
Item media 3 (screenshot) for Simple WCAG Contrast Checker
Item media 1 (screenshot) for Simple WCAG Contrast Checker
Item media 1 (screenshot) for Simple WCAG Contrast Checker
Item media 2 (screenshot) for Simple WCAG Contrast Checker
Item media 3 (screenshot) for Simple WCAG Contrast Checker

Overview

Checks color contrast on the current page against WCAG contrast requirements.

Simple WCAG Contrast Checker helps web developers and designers verify color contrast compliance directly in the browser — no external tools, no login, no setup required. HOW IT WORKS Click the extension icon to open the inspector panel on any webpage. The extension automatically scans all visible text elements, calculates their contrast ratio, and highlights elements that fail the selected WCAG standard. FEATURES - WCAG AA and AAA standard toggle - Full-page scan highlights all failing text elements with red overlay and contrast ratio - Click any highlighted element to inspect and edit its colors in real time - Live contrast ratio updates as you adjust foreground and background colors - Copy CSS selector to clipboard with one click - Draggable and resizable inspector panel - Panel transparency control - Remembers panel position, size, opacity, and selected standard across sessions - Shadow DOM isolation — panel never conflicts with host page styles - Press Esc to close WHO IS THIS FOR - Front-end developers building accessible web interfaces - Designers verifying color contrast before handoff - QA testers running WCAG compliance checks WCAG CONTRAST STANDARDS - AA: 4.5:1 for normal text · 3:1 for large text (24px+ or bold 18.6px+) - AAA: 7:1 for normal text · 4.5:1 for large text PRIVACY The extension does not collect, store, or transmit any personal data. All contrast analysis runs locally in your browser. Preferences are saved locally via Chrome's storage API and never leave your device. Privacy policy: https://hardawebpro.com/support/privacy-policy-simple-wcag-contrast-checker/

Details

  • Version
    1.0.0
  • Updated
    June 24, 2026
  • Size
    519KiB
  • Languages
    English (United States)
  • Developer
    Budi Haryono
    Jln. Mujahidin 1 No.112, RT/RW 002/008, Kreo Selatan, Larangan Kota Tangerang, Banten 15156 ID
    Website
    Email
    mail.budiharyono@gmail.com
    Phone
    +62 822-3356-6320
  • Trader
    This developer has identified itself as a trader per the definition from the European Union and committed to only offer products or services that comply with EU laws.

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

Related

Colour Contrast Checker

3.4

Check the contrast between different colour combinations against WCAG standards

color contrast checker

4.6

Ensure accessibility with Color Contrast Checker. Easily check color contrast with contrast checker for compliance!

GET WEB SITE THEME COLOR

3.7

Extract the theme colors from the current website and easily check their usage ratio and color codes.

Spyglass Contrast Checker

0.0

A tool for checking and fixing color contrast on web pages

Accessibility Scanner — WCAG, ADA & Color Contrast Checker

0.0

Test any page for WCAG issues: color contrast, alt text, form labels, headings. Outlined where they are. No login, no email.

Color Contrast Checker

4.7

Color Contrast Checker & Recommendations Tool

Serifio: Font & Colour Inspector

4.6

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

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.

Color Contrast Checker by Accessibility Tracker

4.2

The best color contrast analyzer in the game.

AccessiWeb Color Contrast Tester

4.9

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

WCAG Contrast Checker

5.0

Use WCAG Contrast Checker to easily check color contrast ratio and for online accessibility testing with WCAG contrast standards.

Color Contrast Checker - WCAG Accessibility Ratio Tool

5.0

Color contrast checker for WCAG AA and AAA. Check the contrast ratio of two colors, preview text, and apply an accessible fix.

Colour Contrast Checker

3.4

Check the contrast between different colour combinations against WCAG standards

color contrast checker

4.6

Ensure accessibility with Color Contrast Checker. Easily check color contrast with contrast checker for compliance!

GET WEB SITE THEME COLOR

3.7

Extract the theme colors from the current website and easily check their usage ratio and color codes.

Spyglass Contrast Checker

0.0

A tool for checking and fixing color contrast on web pages

Accessibility Scanner — WCAG, ADA & Color Contrast Checker

0.0

Test any page for WCAG issues: color contrast, alt text, form labels, headings. Outlined where they are. No login, no email.

Color Contrast Checker

4.7

Color Contrast Checker & Recommendations Tool

Serifio: Font & Colour Inspector

4.6

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

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.

Google apps