GFX-301e · Module 2

Contrast & Accessibility

3 min read

AI-generated visuals must meet accessibility standards — and generative models have no built-in awareness of WCAG contrast ratios. A beautiful image that fails accessibility review is a beautiful image that cannot be used.

The contrast enforcement rules for our brand: text-on-background combinations must achieve WCAG AA (4.5:1 for body text, 3:1 for large text). Cyan (#00ffff) on black (#000000) achieves a contrast ratio of 16.47:1 — easily passing. Cyan on dark gray (#333333) achieves 10.41:1 — still passing. Amber (#ff9f1c) on black achieves 8.24:1 — passing for large text. Gray text (#666666) on black achieves 3.95:1 — fails for body text, passes only for large text at AA.

The brand critic includes a contrast check for every text element in the generated output. If the model places text on a background that fails the contrast ratio, the violation is flagged as Tier 2 (brand standard, not immutable) with a specific correction: "Text element at (X, Y) uses #666666 on #000000 — contrast ratio 3.95:1, below AA threshold of 4.5:1. Lighten text to #999999 (ratio 5.28:1) or use #a0a0a0 (ratio 7.00:1)."