General Color Use

While color is a big aspect of design, we need to be mindful that not all people see color the same way we do. One of the basic rules of accessible color is to avoid relying on color to convey meaning or messages.

Example of accesible color indicators

Accessible color use:

Accessible color customization panel with colors that are differentiated with graphic textures

Inaccessible color use:

Example of a customizable color palette with colors that are similar to each other and might be difficult to differentiate them

Here are our top tips:

  1. Use a Reduced Color Palette

    This goes especially when conveying information, like this accessibility guide.

  2. Add Textures

    Offer solutions for color differentiators as not everyone could distinguish between them. Adding simple textures can solve this problem to offer variety.

  3. Add Symbols

    When using colors to call for actions or mark errors, always add symbols that communicate what is being requested.

  4. Be Mindful

    Question the choices you are making and try to think: “Would this be accessible for a person with X disability?”