Color Contrast Errors
WCAG 1.4.3, 1.4.11 — Contrast requirements for text and UI components.
Normal text below AA contrast ratio
Normal-size text (16px) requires a minimum contrast ratio of 4.5:1 against its background. This text uses #aaaaaa on #ffffff, which yields a ratio of approximately 2.3:1 — well below the threshold.
This text is light gray (#aaaaaa) on a white background. It fails the WCAG AA contrast requirement of 4.5:1 for normal text.
Large text below AA contrast ratio
Large text (18pt / 24px or 14pt bold) requires a minimum ratio of 3:1. This heading uses #999999 on #ffffff, yielding approximately 2.8:1.
Large heading with insufficient contrast
UI component contrast failure
UI components (buttons, form inputs) must have at least 3:1 contrast for their visual boundaries. This button's border is #e0e0e0 on a #ffffff background — approximately 1.4:1.
Text over image with no contrast fallback
White text is placed over a background image without a semi-transparent overlay or text shadow to guarantee contrast. Depending on the image, the text may be unreadable.