Colors

Color blindness - Many people with color blindness do not use any particular tools and rely on proper design that provides sufficient color contrast between text and its surrounding background.

colorblindUsers-3.jpg

Make sure that:

  • Color is not used as the only way of conveying information or identifying content

  • Default foreground and background color combinations provide sufficient contrast

If you choose to use color, utilize the WebAIM Color Contrast Checker Links to an external site. to ensure adequate color contrast and accessibility friendly colors. The following are examples of Rich Content Editor Colors Contrast Ratios within Canvas:

Canvas Rich Text Editor

Fail: (under 4.5)

  • Yellow Text: 1.07:1
  • Pale Green Text:  1.12:1
  • Orange Text: 2.14:1
  • Pink Text: 3.14:1
  • Red Text: 4:1

 

Good: (4.5 to 7)

  • Blue Text: 4.68:1
  • Dark Green: 5.14:1
  • Purple Text: 6.95:1

 

Best: (Over 7)

  • Burnt Orange: 7.43:1
  • Very Dark Gray: 12.63:1
  • Black text: 21:1

 

Web Aim Color Contrast Checker Links to an external site.