Skip Navigation

Scout Archives

Home Projects Publications Archives About Sign Up or Log In

Text on background image a11y check

When text is placed over a background image, it may be difficult for some users to read. Developers and designers can use this simple tool to check whether text is readable over an image. It is especially useful for multicolored or patterned background images where text may be readable over some parts of the image but not others. To use the tool, visitors enter their text, select the text color and font size, and upload their background image. The tool will identify colors in the image's palette and give each color a pass/fail grade and a compliance percentage. The assessment is based on criteria including text size and color contrast in line with standards developed by the World Wide Web Consortium (W3C). Users can scroll to the References & Credits section at the bottom of the page for more information about the accessibility standards on which the tool is based. The tool was created by User Experience Developer Andrew Brandwood.
Archived Scout Publication URL
Scout Publication
Publisher
Language
Date of Scout Publication
August 20th, 2021
Date Of Record Creation
August 3rd, 2021 at 4:07pm
Date Of Record Release
August 4th, 2021 at 8:53am
Resource URL Clicks
141
Add Comment

Comments

(no comments available yet)