Color blindness and the web
Download
1 / 10

color blindness and the web - PowerPoint PPT Presentation


  • 553 Views
  • Updated On :

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

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'color blindness and the web' - MartaAdara


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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
Color blindness and the web l.jpg
Color Blindness and the Web

Victor Walker

COSC 279- Web Design

Final Project


Color blindness and the web2 l.jpg
Color Blindness and the Web

  • Color Blindness

  • The Problems With Web Pages

  • Solutions


Color blindness l.jpg
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


The problems with web pages l.jpg
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?


Solutions l.jpg
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


Is your page color blind friendly l.jpg
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/


Test your color blindness l.jpg
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


Conclusion l.jpg
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.


Contact l.jpg
CONTACT

  • Victor Walker

    • Eastern Michigan University

  • Email [email protected]

  • Web Page: http://people.emich.edu/vwalker1/

    Vischeck: www.vischeck.com UseableNet: www.useablenet.com

    Special Thanks to Kirk Nagel



ad