How I Learned to Stop Worrying and Ignore WCAG

Success Criteria with Contrast Exceptions

Summary of Contrast Success Criteria

The contrast of text, including text in images, and its background needs to meet a certain contrast ratio

Key Terms in Contrast Success Criteria

contrast ratio
Color theory stuff; just use a tool to calculate it.
large scale (text)
Complicated font stuff; just use a tool that also considers size.

Contrast Exceptions

Large Text
Larger text can have a slightly lower contrast ratio
Incidental
  • inactive interactive control text
  • decorative element text
  • invisible element text
  • text in images, where the text isn't important
Logotypes
Logos and brand names

Examples