Skip to main content

Universal Design for Learning (UDL): Color Guide Web Design

Many students do not want to self-identify as disabled. If you design your course from the start with learning differentiation in mind, everyone does better, and special accommodation needs can disappear

Color Guide for Color-Blind Accessible Web Design

Colorblind spectrums

I put together some examples based on the results of an online "Color Blindness Simulator" (which is no longer available). There are many simulators available on the internet.

ValColorGuide

Notes:
Use white instead of pastel or light colors.
Everybody can see blue.
For some color blind types:
Red = Green
Red = Black
Blue = Purple

Recommended Links

Contrast Examples

penn state examples

Example of light backgrounds - Shows why you should not JUST use color for indicating direction

Translate to another language with Google Translate:

About UsContact UsFVTC Terms of ServiceSitemap
FVTC Privacy StatementFVTC Library Services Accessibility Statement

Fox Valley Technical College • Library Services • 1825 N. Bluemound Drive • Room G113
Appleton, WI 54912-2277 • United States • (920) 735-5653
© 2019 Fox Valley Technical College All Rights Reserved.

The https://library.fvtc.edu/ pages are hosted by SpringShare. Springshare Privacy Policy.