Color Contrast Analyzer
Item logo image for Color Contrast Analyzer

Color Contrast Analyzer

accessibility.oit.ncsu.edu3.3(

64 ratings

)
Item media 5 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item video thumbnail
Item media 4 screenshot
Item media 5 screenshot
Item media 1 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item video thumbnail
Item media 4 screenshot
Item media 5 screenshot

Overview

Analyze a web page or portion of a web page for conformance with WCAG 2.0 Color Contrast requirements.

New in version 1.1: Download the image analysis to a PNG file. This extension allows you to analyze text color contrast problems on a webpage according to the WCAG 2 text color contrast requirements. It evaluates the page as it appears in the browser, so it is able to handle text over gradients and advanced CSS attributes. You can choose to analyze a portion of a web page, the entire visible contents of a tab, or an entire web page. Additionally, you can evaluate files on your computer that can be opened in Chrome, such as image files and PDF files. Note, with PDF files you will only be able to evaluate the visible portion of the page. To analyze local files you will need to go to your Extensions page and check "Allow access to file URLs" for this extension. You can select to evaluate for either AA or AAA conformance, along with specifying the size of the text you want to analyze. The output will show you a map of where the edges between colors are different enough to meet the specified contrast requirement. If there is an item on the underlying page that is not outlined in the output mask, then the item does not have enough color contrast according to the conformance level you selected. The resulting image analysis can be downloaded to your computer as a PNG file. In order to better handle gradients, you can also select the pixel radius that should be used to analyze adjacent pixels. The larger the pixel radius, the further out it will look for a border with high enough contrast. However, a larger pixel radius will add significant computation time. When first installing the extension, you may need to refresh the webpage you wish to analyze for all of the selection options to be available. Also, when installing the extension it will ask you for permission to access your data on all of your websites and your tabs and browsing activity. We are not using or collecting this data in any way. In order to get permission to take screenshots of your browser window this is the level of access we must request. You can view the source code at the following URL. https://github.com/gdkraus/color-contrast-chrome This tool is a product of the IT Accessibility Office at NC State University. http://accessibility.oit.ncsu.edu/

3.3 out of 564 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

György RaffayNov 27, 2023

Page region: on a wide monitor only the top of the page is selectable. I cannot drag the rectanlge to the botton of the page.

Review's profile picture

Sergio XOct 10, 2023

Quite useful, works for me, a bit slow though.

Review's profile picture

Brad ChapmanDec 8, 2022

Sooo; what do I do? Help link broken.

4 out of 4 people found this helpful

Details

  • Version
    1.1.2
  • Updated
    August 25, 2014
  • Size
    58.27KiB
  • Languages
    English
  • Developer
  • 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

The developer has not provided any information about the collection or usage of your data.

Support

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

Related

ARIA Validator

2.0(4)

Scans page for WAI-ARIA implementation issues.

NerdeFocus

4.4(7)

Quickly debug focus problems when testing a page for accessibility issues.

Funkify – Disability Simulator

3.7(49)

Funkify is an extension for Chrome that helps you experience the web and interfaces through the eyes of extreme users with…

Accessibility Insights for Web

4.7(37)

Accessibility Insights for Web helps developers quickly find and fix accessibility issues.

Colour Contrast Checker

4.0(29)

Check the contrast between different colour combinations against WCAG standards

WCAG Color contrast checker

4.0(20)

To check the color contrast between foreground and background of the texts

WAVE Evaluation Tool

4.1(138)

Evaluate web accessibility within your browser.

Color Contrast Checker

3.5(2)

Section 508 - Testing Web Content Accessibility

ColorA11y

4.0(5)

This Developer Tools extension allows you determine whether or not the color contrast on a site is WCAG 2.0 AA and AAA compliant.

Screen Reader

2.5(1.1K)

A web-powered screen reader

Visual ARIA

5.0(4)

Displays ARIA used in web technologies, includes live region, and widget roles, proper nesting and focus management.

axe DevTools - Web Accessibility Testing

4.0(106)

Accessibility Checker for Developers, Testers, and Designers in Chrome

ARIA Validator

2.0(4)

Scans page for WAI-ARIA implementation issues.

NerdeFocus

4.4(7)

Quickly debug focus problems when testing a page for accessibility issues.

Funkify – Disability Simulator

3.7(49)

Funkify is an extension for Chrome that helps you experience the web and interfaces through the eyes of extreme users with…

Accessibility Insights for Web

4.7(37)

Accessibility Insights for Web helps developers quickly find and fix accessibility issues.

Colour Contrast Checker

4.0(29)

Check the contrast between different colour combinations against WCAG standards

WCAG Color contrast checker

4.0(20)

To check the color contrast between foreground and background of the texts

WAVE Evaluation Tool

4.1(138)

Evaluate web accessibility within your browser.

Color Contrast Checker

3.5(2)

Section 508 - Testing Web Content Accessibility

Google apps