Color Palettes

WCAG requires a particular contrast ratio between foreground colors and background colors.

  • AA compliance requires a contrast ratio of 4.5:1 for normal text (14 point and bold or larger) and 3:1 for large text (18 point or larger).
  • AAA compliance requires a contrast ratio of 7:1 for normal text and 4.5:1 for large text.

Additionally, when establishing a color palette, keep in mind the two most common forms of color blindness are:

  1. Red-Green color blindness, the inability to distinguish between red and green hues
  2. Blue-Yellow color blindness and Total Color blindness

Some tools you can use to obtain the contrast ratio and see if you meet compliance standards:

 

 

Recently Updated in Web Accessibility (WCAG)

Updated Documentation Section Author/Editor
Fri, 10/05/2018 - 13:53 Web Accessibility (WCAG) >Web Accessibility (WCAG) >Heading tags kelseyleljedal
Fri, 10/05/2018 - 13:53 Web Accessibility (WCAG) >Web Accessibility (WCAG) >Clear Text for Instructions and Links kelseyleljedal
Fri, 10/05/2018 - 13:52 Web Accessibility (WCAG) >Web Accessibility (WCAG) >Alt Text for Images and Photos kelseyleljedal
Fri, 10/05/2018 - 13:43 Web Accessibility (WCAG) >Web Accessibility (WCAG) kelseyleljedal
Wed, 10/11/2017 - 11:02 Web Accessibility (WCAG) >Preparing Documents for the Web >Save with Search in Mind ansonwhan