mark zuckerberg side by side van gogh's portrait

How to Design a Web Page with Colorblind Visitors In Mind

Did you know that 8% of the population is color-blind, including such notable figures
as Mark Zuckerberg, Keanu Reeves, and Robert Redford?
Here’s how to design your website to cater to a color-blind audience.

Hi, This is Roy.
Welcome to my next 1-minute message, designed
for short-attention-span people (like me).
(For those not familiar with this, here are short sound-bites
in business and internet marketing, in 1-minute format.)

Today’s message: Designing Your Website For Color Blindness

  • Use patterns and textures that show contrast
  • Keep your website design minimal
  • Avoid color combinations such as blue and grey, green and blue, light green and yellow
  • Use colors and symbols

3 main forms of color blindness
colorblindness: red vs green deficiencies
blue spectrum deficiencies
color combinations to avoid when designing for color blind audiences
use symbols and be minimalistic for a color blind audience
use high contrast colors when designing for color-blind users
use a colorblindness simulator to preview designs
use a contrast app
brought to you by IMI

Google logo edited for color blind audience
how andy warhol's marilyn monroe painting looks to a color blind individual
mark zuckerberg side by side vincent van gogh's self-portrait
how to highlight borderlines for a color blind userbase
maps that rely too much on color can be confusing for colorblind viewers
use texture to emphasize infographics
Image

To view the entire article, click here

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *