{"id":413,"date":"2007-09-15T12:16:15","date_gmt":"2007-09-15T05:16:15","guid":{"rendered":"http:\/\/maggiemaggio.com\/color\/?p=413"},"modified":"2012-06-19T12:06:15","modified_gmt":"2012-06-19T05:06:15","slug":"color-blind-design","status":"publish","type":"post","link":"https:\/\/maggiemaggio.com\/color\/2007\/09\/color-blind-design\/","title":{"rendered":"Color Blind Design"},"content":{"rendered":"<p><img decoding=\"async\" id=\"image414\" style=\"width: 247px; height: 124px;\" title=\"btlabschart.jpg\" src=\"https:\/\/maggiemaggio.com\/color\/wp-content\/uploads\/2007\/09\/btlabschart.jpg\" alt=\"btlabschart.jpg\" align=\"left\" \/>This chart shows ten colors selected because they can be differentiated by people with normal, protan and duetan vision.<\/p>\n<p>&nbsp;<\/p>\n<p>When would you want to use these colors? Probably not in jewelry design or quilting or painting but can you imagine how difficult it might be to use a map if you were color blind?<\/p>\n<p>Daniel Flueck from Zurich, Switzerland is red colorblind.Last year he started a blog, Colblinder: Color Blindness through Color Blind Eyes. His post\u00a0evaluating\u00a0<a href=\"http:\/\/www.colblindor.com\/2006\/05\/23\/subway-maps\/\">subway maps<\/a>\u00a0around the world is a real eye opener.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" id=\"image415\" class=\"alignleft\" style=\"width: 269px; height: 226px;\" title=\"subway-map-newyork_part.jpg\" src=\"https:\/\/maggiemaggio.com\/color\/wp-content\/uploads\/2007\/09\/subway-map-newyork_part.jpg\" alt=\"subway-map-newyork_part.jpg\" width=\"300\" height=\"240\" align=\"left\" \/><img decoding=\"async\" id=\"image417\" style=\"width: 272px; height: 231px;\" title=\"subway-map-newyorkcolorblind_part.jpg\" src=\"https:\/\/maggiemaggio.com\/color\/wp-content\/uploads\/2007\/09\/subway-map-newyorkcolorblind_part.jpg\" alt=\"subway-map-newyorkcolorblind_part.jpg\" align=\"right\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>I found a number of sites with recommendations for designing graphics and websites for the color blind. Lighthouse International has the best\u00a0<a href=\"http:\/\/www.lighthouse.org\/accessibility\/effective-color-contrast\/\">suggestions for designing with the color blind in mind<\/a>.<\/p>\n<p>Roger Johannson, a Swedish web professional, just posted his <a href=\"http:\/\/www.456bereastreet.com\/archive\/200709\/10_colour_contrast_checking_tools_to_improve_the_accessibility_of_your_design\/\">10 Colour Contrast Checking Tools to Improve the Accessibility of Your Design.<\/a><\/p>\n<p>Their recommendations all boil down to the same thing. Use value and saturation contrast instead of hue contrast when you want your design to be easily understood by someone who is color blind. For example, instead of using pure green, red and blue, use a light yellow green, medium red and dark navy blue.<\/p>\n<p>Come to think of it, using value and saturation contrasts to make your design more readable is a good idea whether or not you are concerned about color blindness.<\/p>\n<p>A last little bit about color blindness. There&#8217;s a new technology that has the potential to allow those that are color deficient to see more variations of colors. Thanks to Lili Velez from Baltimore, MD for the link to:<\/p>\n<p><a href=\"http:\/\/news.com.com\/Bringing+color+to+the+color-blind\/2008-1008_3-6175622.html\">Bringing Color to the Color Blind<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This chart shows ten colors selected because they can be differentiated by people with normal, protan and duetan vision. &nbsp; When would you want to use these colors? Probably not in jewelry design or quilting or painting but can you imagine how difficult it might be to use a map if you were color blind? [&hellip;]<\/p>\n","protected":false},"author":22,"featured_media":7032,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-413","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-living-with-color-2"],"_links":{"self":[{"href":"https:\/\/maggiemaggio.com\/color\/wp-json\/wp\/v2\/posts\/413","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maggiemaggio.com\/color\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/maggiemaggio.com\/color\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/maggiemaggio.com\/color\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/maggiemaggio.com\/color\/wp-json\/wp\/v2\/comments?post=413"}],"version-history":[{"count":0,"href":"https:\/\/maggiemaggio.com\/color\/wp-json\/wp\/v2\/posts\/413\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/maggiemaggio.com\/color\/wp-json\/wp\/v2\/media\/7032"}],"wp:attachment":[{"href":"https:\/\/maggiemaggio.com\/color\/wp-json\/wp\/v2\/media?parent=413"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/maggiemaggio.com\/color\/wp-json\/wp\/v2\/categories?post=413"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/maggiemaggio.com\/color\/wp-json\/wp\/v2\/tags?post=413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}