1 / 10

Color Blindness and the Web

Color Blindness and the Web. Victor Walker COSC 279- Web Design Final Project. Color Blindness and the Web. Color Blindness The Problems With Web Pages Solutions. Color Blindness. More appropriately referred to as color deficiency Affects a significant portion of the population

MartaAdara
Download Presentation

Color Blindness and the Web

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Color Blindness and the Web Victor Walker COSC 279- Web Design Final Project

  2. Color Blindness and the Web • Color Blindness • The Problems With Web Pages • Solutions

  3. Color Blindness • More appropriately referred to as color deficiency • Affects a significant portion of the population • A genetic disorder • Makes it difficult to see certain colors or color combinations

  4. The Problems With Web Pages • Background and Text Colors • Certain combinations don’t work well together • Digital Images • Multiple colors make it difficult to see images • Navigation • What happens when a page relies on color?

  5. Solutions • Use Web Safe Colors • Consider your Audience • Background and Text Colors • Use light color backgrounds and dark, contrasting text colors • Digital Images • Use text to describe the image • Navigation • Use symbols, patterns or text

  6. Is Your Page Color Blind Friendly? • Vischeck Normal Vision Red-Green Deficiency • Usablenet • Allows you to load your URL and check for accessibility Images from: http://www.vischeck.com/examples/

  7. Test Your Color Blindness Take the Ishihara Test for Color Blindness at www.toledo-bend.com/colorblind A person with normal vision sees the number 45 when looking at this image. A person with a Red-Green color deficiency would see just spots. Image credit: http://www.toledo-bend.com/colorblind/Color56.jpg

  8. Conclusion Paying close attention to background colors, text colors, and color images will help web designers maximize their website traffic and make their web pages more effective and user friendly.

  9. CONTACT • Victor Walker • Eastern Michigan University • Email vwalker1@emich.edu • Web Page: http://people.emich.edu/vwalker1/ Vischeck: www.vischeck.com UseableNet: www.useablenet.com Special Thanks to Kirk Nagel

  10. QUESTIONS & ANSWERS

More Related