Text Over Image Contrast Checker

The Text Over Image Contrast Checker is a utility designed to help designers, developers, and accessibility advocates ensure their text is readable over images. By evaluating contrast levels against WCAG AA and AAA standards, this tool makes it easy to create accessible designs. Note: This tool is not a replacement for manual accessibility testing, but it can help identify potential issues.

This tool analyzes your uploaded image by dividing it into blocks and calculating the average color of each block. It then checks the contrast between the selected font color and the average color of each block against WCAG AA or AAA standards.

The results are visually represented on the image:

Red X: Indicates that the contrast fails the selected compliance level.
Green Outline: Indicates that the contrast passes the selected compliance level.

Set Font Color:

Select Compliance Level:

AA AAA

Set Font Size:

Bold Text

Upload an Image:

Drag and drop an image here, or click to select a file.