Accessible Color

One piece of my site that I focused a great deal on was its use of color, and making it accessible to those with the most common forms of color-blindness, and to use the WCAG standards for color contrast. It was a fine line to follow, but with Etre’s Color Blindness Check and Jonathan Snook’s Colour Contrast Check, it made it much easier to create an accessible site with color.

Color Blindness

Here are the results from the Color Blindness Check:

Deuteranopia
deuteranopia

Tritanopia (A blue & yellow color blindness)
tritanopia

Protanopia
protanopia

Color Contrast

Here are the results from the Colour Contrast Check:

blue-black-contrastyellow-black-contrast

0 Comments

Archives

What does Ryan Keiser do?

I create usable, accessible, and colorful experiences.