Definition Text content must exceed Color Contrast Ratio (CCR) of 3.1 for large and/or bolded text and 4.5 for any other size or style of text.
Purpose
  • The higher the color contrast of text the more easy it is to read, especially for people with visual impairments.
Mappings
  • HTML4 Legacy Techniques (Recommended)
  • HTML5 and ARIA Techniques (Required)
WCAG 2.0 Success Criteria

1.4.3 Contrast (Minimum) (Level AA, Primary Success Criterion)

Rule Category Styling/Content
Scope Element
Target Resources All elements with text content
  • textnodes
Techniques
  • Change the foreground color to a more complementary color to the background color.
  • Change the background color to a more complementary color to the foreground color.
  • Remove background images or verify they do not compromise color contrast requirements.
Manual Checks
  • Use graphic editing tools to analyze the color(s) of the background image and then recacluate the CCR with the range of colors in the background image.
  • Verify the range of colors that could be part of the background of text is have a CCR > 4.5.
Informational Links