
See the GNU General Public License for more details. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
#Colour contrast analyser chrome software
Published by the Free Software Foundation, either version 3 of the License, or Specifically you can redistribute and/or modify it under the terms of the LicenseĬolour Contrast Analyser (CCA) is Free Software: You can use, study share and improve it at your If you have any questions, feel free to open an issue here on GitHub. If you want to contribute, please send a pull request and someone will review your code. Please search the existing issues before submitting to It evaluates the page as it appears in the browser. If you have an idea for a new feature, or if you found a bug, please submit a GitHub issue. This extension allows you to analyze text color contrast problems on a webpage according to the WCAG 2 text color contrast requirements. Check the contrast between different colour combinations against WCAG standards Compare the contrast ratio of 2 colours, background and foreground, within a webpage against level 2 of the Web. See the known issues for the latest CCA release and confirmed bugs.Support for alpha transparency on foreground colours The Colour Contrast Analyser (CCA) is a tool that calculates the contrast between two colours and automatically evaluates the returned value against the Web Content Accessibility Guidelines.This score comes by detecting the color of the background element and comparing it with the color of the text. Several ways to set colours: raw text entry (accepts any valid CSS colour format), RGB sliders, colour picker (Windows and macOS only) Select a text element and click the colored square to start In the area I’ve highlighted with a red square below you’ll see the contrast ratio score of 5.00 this text element has been given.On the Colour Contrast Analyser select the eyedropper in the Foreground section. For the previous, non-Electron versions ("CCA Classic"), see the CCA-Win and CCA-OSX repositories.įor further information, see TPGi's Colour Contrast Analyser resource page. Text Color Contrast Analyzer Tool (Chrome Extension). This Chrome extension allows you to analyze text color contrast problems on a web page according to the WCAG 2 color. According to Apple, we should strive for a minimum. It is not always as high as possible, even though a high contrast is usually more readable than a low contrast.

Black text on a white background has a contrast ratio of 21.
#Colour contrast analyser chrome code
This repository contains the source code for the new Colour Contrast Analyser (CCA) builds for Windows and macOS based on Electron. A white text on a white background has a contrast ratio of 1. The Colour Contrast Analyser (CCA) helps you determine the legibility of text and the contrast of visual elements, such as graphical controls and visual indicators.
