Use of Color

This is a training page to show you how use of color is important for accessibility.

What does it mean to use color in an accessible way?

There are two primary ways to use color in an accessible way:

  1. Use adequate color contrast, so text and graphics can be read or interpreted visually.
  2. Avoid using color to convey meaning, so those who cannot perceive the color (or in situations where color is not available) can still understand what you are trying to communicate.

Why are we doing this?

Poor use of color makes content difficult or impossible to read. Users can experience this in a number of ways:

  • Users with visual impairments might not be able to see a full range of colors or be able to distinguish colors that are similar in hue or intensity.
  • Different devices might not display color in the same way, making yellow and white distinguishable on one, for example, but not on another.
  • Users who use technology that alters the appearance of their screen (color overlays, high contrast filters, etc.) might have a hard time reading content or distinguishing meaning.