Color Contrast Checker by DigitalA11Y

WCAG Color Contrast Checker and Palette Generator by DigitalA11Y Achieve full WCAG compliance with ease using DigitalA11Y’s Color…

Color Contrast Checker by DigitalA11Y

Ensure your website meets WCAG accessibility standards effortlessly with DigitalA11Y’s Color Contrast Checker and Palette Generator. This Chrome extension is designed for designers, developers, and accessibility professionals, providing essential tools to verify color contrast ratios across your web projects.

Key Features:

  • Quick Access Pop-up: Instantly access all features through an intuitive interface.
  • One-Click Color Picker: Select colors directly from any webpage for real-time assessment.
  • Hexadecimal Input Option: Manually enter hex codes to check compliance.
  • Instant Contrast Ratio Display: View immediate results and WCAG status.
  • Alternative Color Suggestions: Get recommendations for colors that meet accessibility requirements.
  • Flexible Pop-up Control: Adjust the pop-up size and minimize it for unobstructed views.

Use this free tool for web audits, palette design, and ensuring color contrasts meet standards.

Manifest V3
Users:
2,000+
Rating:
4.50
(4)
Version:
1.1 (Last updated: 2024-10-25)
Creation date:
2023-01-25
Permissions:
  • activeTab
  • scripting
Size:
53.69K
Full description:
See detailed description
Updated:
a day ago

User reviews

Can't close or resize the panel... Always resets to #fff on #000
by Jazz Rich, 2023-02-23

I like the ease of use and how straight forward it is. I can easily copy and paste HEX codes into the different sections, or use the eyedropper to grab the color I need. An issue with the eyedropper is that it's zoomed in so much that it can be a little difficult to get on a row or column of pixels in order to grab the color you're trying to get. I tried it on the menu of my client's site and the pixels it showed for the text were various colors (I'll comment with a screenshot). I typically use ColorZilla to grab color codes, but it's zoom is not as good as yours. Having the iframe take up space at the top of the window, and not being able to adjust the height of it will take a little getting used to. This is not a complaint, btw. I appreciate that you included a "More color details" section that can expand to show the wcag color levels chart for the text color, and the various colors within that range below the chart. That makes it so much easier to decide which color to use. Overall, GREAT JOB! This is going to be the one I use for testing from now on.
by Eric Bonar, 2023-02-22

I find your service to be very helpful as I no longer have to switch between windows to test color contrast.
by Aamir Raza, 2023-01-25
View all user reviews

Extension safety

Risk impact
Very low risk impact

Color Contrast Checker by DigitalA11Y does not require any sensitive permissions.

Risk impact analysis details
    Risk likelihood
    Very low risk likelihood

    Color Contrast Checker by DigitalA11Y has earned a good reputation and can be trusted.

    Risk likelihood analysis details
    • High This extension has low user count. Unpopular extensions may not be stable or safe.
    • Low **** ********* *** ******* **** **** * ****** **** ***** ******** *** **** ****** ** ** ****** *** *****
    • Low **** ********* *** ***** **** **** * ****** **** ***** ********** *** **** ****** ** ** ****** *** *****
    • Good **** ********* ** * ******** ********* ** ****** *** *****
    • Good **** ********* *** **** **** *******
    Upgrade to see full risk analysis details

    Promo images

    Color Contrast Checker by DigitalA11Y marquee promo image
    Marquee promo image
    Small promo image

    Similar extensions

    Here are some Chrome extensions that are similar to Color Contrast Checker by DigitalA11Y:

    Color Contrast Checker Color Contrast Checker
    https://pivotalaccessibility.com
    4K 4.70 (10)
    A11y quick check A11y quick check
    a11y-quick-check-publishers
    1,000 5.00 (4)
    Color Contrast Analyzer Color Contrast Analyzer
    https://accessibility.oit.ncsu.edu
    50K 3.32 (66)
    IBM Equal Access Accessibility Checker IBM Equal Access Accessibility Checker
    IBM Accessibility
    20K 4.88 (17)
    Colour Contrast Checker Colour Contrast Checker
    https://colourcontrast.cc
    40K 3.84 (31)
    DigitalA11Y Tublets DigitalA11Y Tublets
    https://digitala11y.com
    2K 4.75 (8)
    ARC Toolkit ARC Toolkit
    https://tpgi.com
    30K 3.42 (24)
    WCAG Color contrast checker WCAG Color contrast checker
    Jorge Rumoroso
    80K 4.17 (29)
    WAVE Evaluation Tool WAVE Evaluation Tool
    WebAIM
    600K 4.10 (144)
    HalfAccessible - Accessibility Toolkit HalfAccessible - Accessibility Toolkit
    https://halfaccessible.com
    1,000 5.00 (7)
    Siteimprove Accessibility Checker Siteimprove Accessibility Checker
    https://siteimprove.com
    50K 3.26 (23)
    Accessibility Insights for Web Accessibility Insights for Web
    Accessibility Insights Team
    100K 4.70 (40)