Download
color blindness and the web n.
Skip this Video
Loading SlideShow in 5 Seconds..
Color Blindness and the Web PowerPoint Presentation
Download Presentation
Color Blindness and the Web

Color Blindness and the Web

610 Vues Download Presentation
Télécharger la présentation

Color Blindness and the Web

- - - - - - - - - - - - - - - - - - - - - - - - - - - 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