12 Color

Best Practices:

  • Don’t use color as the only way to convey information, use color as a secondary indicator of meaning
  • Use high contrast colors and color checking tools to ensure that color blind and low vision readers can fully understand your work.
  • The WCAG 2.0 require that color combinations meet clearly defined contrast ratios. In order to meet the guidelines at Level AA, text or images of text must have a contrast ratio of at least 4.5:1 (or 3:1 for large text).
  • Links should be visually distinct from other text, if color is the only distinction than the link color must have sufficient contrast between both the background and the non-link text.
Examples of font colour against background colour; showcases issues with insufficient contrast
Only one of these combinations provides sufficient color contrast.

 

Resources

Attribution

Parts of this chapter were adapted from the Accessibility Toolkit 2nd Edition: Colour Contrast by BCcampus which is licensed under a Creative Commons Attribution 4.0 International License.

Media Attributions

License

Icon for the Creative Commons Attribution 4.0 International License

Pressbooks @ UO Copyright © 2022 by Rayne Vieger and Allia Service is licensed under a Creative Commons Attribution 4.0 International License, except where otherwise noted.

Share This Book