
To re-iterate, this algorithm is experimental and is likely to change in future. This algorithm can be enabled within the app via left-hand menu. The W3C Accessibility Guidelines 3.0 (Silver) reference an experimental color algorithm known as S-LUV Advanced Perceptual Contrast (SAPA) or Advanced Perceptual Contrast Algorithm. For normal text, the AA color contrast ratio is 4.5:1 and for AAA the color contrast ratio is 7:1.įor more information about WCAG 2.1, see Based on WCAG 2.1 guidelines for contrast, the tool enables you to select background and foreground colors from your computer display to determine if the color combination meets minimum guidelines.
#THE COLOUR CONTRAST ANALYSER FREE#
text which is above 18pt or larger), the minimum AA color contrast ratio is 3:1 and for AAA the ratio is 4.5:1. TPGi’s Colour Contrast Analyser tool can help you check the color contrast of documents, images, and webpages, and is free for download.

WCAG 2.1 accessibility guidelines have three levels of compliance, A, AA and AAA. Tap the 'Share' icon to create a report that can be emailed, added to notes, copied or saved to your Photo Library. The Color Contrast results will be displayed at the bottom of the screen.Ĥ. You can also pan around the image by swiping left/right/up/down or pinch to zoom in/out.ģ. You can use it to visualize different color. Move each color picker in turn to select two colors. The tool tests the contrast ratio of background and text colors for accessibility. The image can be an existing image from the Photo Library or a new picture taken with the camera. Load an image or website by tapping the icon in the top right corner. Also, the eyedroppers in the current version may not work correctly if you have more than one monitor, such as an external monitor connected to a laptop.

Colour contrast is important because many people cannot distinguish differences in colour if the contrast is not sufficient. Newer versions may not look exactly the same. The Colour Contrast Analyser (CCA) is a tool that helps you determine the legibility of text and the contrast of visual elements, such as graphical controls and visual indicators. + Audit web pages for compliance using AXE.ġ. The following information describes version 1.0.0 of the Colour Contrast Analyser, as was available January 2019. It also contains functionality to create simulations of certain visual conditions such as colour blindness.

+ Verify color contrast directly from Safari and Photos app. Application: Colour Contrast Analyser Category: Development Licence: Open Source Description: From website: Colour Contrast Analyser is primarily a tool for checking foreground & background colour combinations to determine if they provide good colour visibility. + Generate a report that can be shared using SMS, Email or Notes. + Verify that the color contrast between two colors in an app, website or photo is sufficient to pass WCAG 2.1 accessibility guidelines / Section 508. The complete mobile accessibility solution.Ĭolor Contrast is a tool to measure the contrast between two colors in a screenshot or mobile website, helping ensure your app meets the internationally recognized recommendations in the Web Content Accessibility Guidelines (WCAG), for both versions 2.1 and 3.0 (Silver)Ĭolor Contrast has the following features:
