What Is It
Color contrast refers to the difference between text (or important visual elements) and the background behind them. Readability is how easily users can see and understand text and visual content. In digital course materials, sufficient contrast and clear text formatting ensure that content is legible across devices and learning environments.
Why It Matters
Low contrast and poor readability can make content difficult or impossible to access for students with low vision, color vision deficiencies, or those viewing content on small screens or in bright environments. Clear contrast and readable text reduce cognitive load, improve comprehension, and support accessibility standards. Designing with contrast and readability in mind helps ensure all students can engage with course content without barriers.
What to Do
- Ensure strong contrast between text and background (4.5:1 for normal text, 3:1 for large text).
- Avoid using color alone to convey meaning.
- Use additional cues like bold, underline, or icons to reinforce information.
How-to Guides
- Color Contrast in Word for Mac - Guide | Video (02:54)
- Color Contrast in Word for PC - Guide | Video (03:06)
- Color Contrast in Canvas - Guide | Video (02:44)
Resources