Use Good Color Contrast

Posted: June 7, 2020 at 1:35 pm

Good color contrast draws interest to important content on your course site.

 

Why is this important?

It also benefits individuals who may have colorblindness or those with low vision. The Web Content Accessibility Guidelines (WCAG 1.4.3*) states that the contrast ratio for small text (~12 pixels or below) should be at least 4.5:1. For large text (~18 pixels or above) is 3:1.

To check the color contrast in your course site, do the following:

 

ADDITIONAL GUIDANCE FOR COLOR CONTRAST: Meaningful information should NOT be conveyed by color alone.

  • E.g., the image below shows a web form with required fields identified by red text. If an individual is unable to see the color red, they would have difficulty filling out the form. A simple fix would be to add an asterisk(*) next to the required fields. This would then provide users who are unable to see red an additional piece of information to identify what is required.

require form fields shown in red
 

Write to Korey Singleton at ksinglet@gmu.edu