Compare the contrast ratio of 2 colours, background and foreground, within a webpage against level 2 of the Web Content Accessibility Guidelines (WCAG). *More information about understanding colour contrast: https://webaim.org/articles/contrast/ Features - Use the text fields to compare colours using Hex codes or colour names - Use the colour picker tool to compare colours on a webpage - Store up to 6 colour combinations you have compared (uses local storage) to refer back to later - Quickly reverse background and foreground colours - Generate a share link of colours compared Once you have installed the extension you may need to reload the webpage you are currently on to begin using the extension.
You can Follow the below Step By Step procedure to install the Colour Contrast Checker Chrome Extension to your Chrome Web browser.
It is the Colour Contrast Checker Chrome extension download link you can download and install Chrome Browser.
Evaluate web accessibility within your browser.
Extract CSS and build beautiful styleguides.
Perfect for UX check, design & development review, heuristic evaluation, user testing and more.
Find and fix compliance issues in record time with automated checks and smart suggestions.
Your daily dose of design with industry news, tools, and inspiration - all in one place.
Section 508 - Testing Web Content Accessibility
Analyze a web page or portion of a web page for conformance with WCAG 2.0 Color Contrast requirements.
This Developer Tools extension allows you determine whether or not the color contrast on a site is WCAG 2.0 AA and AAA compliant.
Accessibility Insights for Web helps developers quickly find and fix accessibility issues.
To check the color contrast between foreground and background of the texts