How do I check the result meets WCAG AA?

Sample text and background colors with an external tool (e.g., WebAIM contrast checker). The model approximates contrast but final verification is manual.

PromptsPolish

PolishImage → ImageLow creditEN

Accessibility / Color-Contrast Upgrade

Improve color contrast, increase font sizes and add color-blind-safe palette without changing content.

When to use this prompt

When a draft figure is too low-contrast, too small, or uses a non-color-blind-safe palette.

The prompt

Apply the following accessibility upgrades to this image without changing any of the diagram's content.

Upgrades:
1. Increase all label font sizes by 25%, while keeping the same fonts.
2. Replace the existing palette with a color-blind-safe palette (e.g., blue / orange / yellow / black). Do not use red-green pairs to encode meaning.
3. Ensure all text-on-background combinations meet WCAG AA contrast (≥ 4.5:1 for body text).
4. Add a thin contrasting outline (1px navy) around any colored fill that is currently low-contrast against the background.
5. Where two categories were previously distinguished by color only, add a secondary cue (pattern fill or small icon) so they remain distinguishable in grayscale.

Do NOT:
- Change the layout, structure, or wording of any label.
- Re-design any element.
- Add or remove components.

Output should be a publication-quality, accessible version of the same figure.

Variations

Grayscale-safe variant

Convert to grayscale-safe styling. Replace all colors with shades of gray + 2 patterns (solid, striped) so the figure remains interpretable when printed in black-and-white.

Tips

Specify WCAG AA explicitly. "Improve contrast" is too vague.
Always say "do not use red-green only". It is the canonical color-blind failure mode.
Add a secondary visual cue (pattern, icon) when categories are color-coded. Color alone fails for color-blind readers.