Check text contrast in creator graphics.

1. Identify the text readers must understand

Start by listing the words that carry the message: the title, date, instruction, label, or disclosure. Distinguish those from decorative marks. ATN recommends checking the smallest important text early, because a large headline can distract from a hard-to-read detail that changes the meaning of the graphic.

Record where the image will appear and how small it may be shown. A design made for a full-width webpage may need a separate composition for a compact card. Keep the message concise enough that you do not need tiny type to fit it. Preserve the editable source so text and background adjustments remain straightforward.

2. Measure contrast instead of guessing from color names

W3C’s WCAG 2.2 guidance sets a minimum contrast ratio of 4.5 to 1 for ordinary text and images of text, with a 3 to 1 threshold for qualifying large text and specified exceptions. These are defined thresholds, not values to reach by rounding up a near miss.

Use a contrast-checking tool with the actual foreground and background values. Record the combination and result rather than writing “pink on black passes.” Do not assume that a headline qualifies as large text merely because it looks large on the editing canvas; its displayed size matters. When unsure, ATN suggests choosing a stronger contrast combination instead of relying on an exception.

Sources: [1]

3. Check the background behind the letters

A photo or gradient can change contrast across a single word. W3C’s image-background failure guidance checks the background behind the text, rather than treating one favorable sample elsewhere in the picture as sufficient. The relevant question is whether the letters remain distinguishable where they actually appear.

Try moving the text to a calmer area, adjusting the composition, or placing a suitable solid panel behind it. Recheck after cropping because a different portion of the photo may now sit under the same word. If the graphic has several variants, review each variant’s background rather than transferring the result from the original without inspection.

Sources: [2]

4. Review the exported graphic at its intended size

Open the actual output and view it at the scale readers will encounter. W3C notes that thin or unusual fonts can appear fainter in practice, even when their specified colors meet a contrast threshold. A numeric result therefore deserves a visual legibility check as well.

If the small text is still difficult to read, simplify the layout or increase its size instead of using the measurement as a reason to dismiss the problem.

Sources: [1]

5. Preserve access to the message beyond the image

Keep a text version of essential information available in the accompanying page or post where the publishing system allows it. A promotional card should not be the only place someone can find a critical date or instruction. Review the surrounding description when the graphic’s wording changes.

Record which checks were performed and avoid a broad accessibility badge based on contrast alone. Images, captions, text alternatives, reading order, and the hosting interface raise separate questions. This workflow helps make the graphic’s words clearer; it does not certify the entire publication. Save the measured color combinations with the project so future variants begin from an understood starting point.