Accessibility Color Checker Tool. The app works by sampling two areas of a site image stored in the device or data from the on board camera using a pair. While the above tools are mostly used in evaluating websites when viewed on desktops or laptops color contrast is an ios accessibility utility used to verify the color contrast between two colors in an app mobile website or screenshot.
Test your background and text contrast ratio based on web content accessibility guidelines wcag and automatically find the closest accessible colors. When it comes to website accessibility the contrast between the text and the text background is a concern for colorblind and other visually impaired users. Set up canvas and text.
Check the contrast of your color design for accessibility base on web content accessibility guideline wcag check the contrast of your color design for accessibility base on web content accessibility guideline wcag skip to content.
Wcag 2 1 guidelines state that colors should have a text to background contrast ratio of 4 5 1 for normal text and 3 1 for large text and non text elements such as form fields and other interactive elements to meet basic aa requirements or 7 1 for normal text and 4 5 1 for large text and non text elements to meet the stricter aaa requirements always aim for strict. Check the contrast of your color design for accessibility base on web content accessibility guideline wcag check the contrast of your color design for accessibility base on web content accessibility guideline wcag skip to content. Test your background and text contrast ratio based on web content accessibility guidelines wcag and automatically find the closest accessible colors. This page provides a list of evaluation tools that you can filter to find ones that match your particular needs.