{"id":4316,"date":"2022-04-26T12:59:11","date_gmt":"2022-04-26T16:59:11","guid":{"rendered":"http:\/\/blog.daed.com\/?p=4316"},"modified":"2024-07-11T10:59:13","modified_gmt":"2024-07-11T14:59:13","slug":"how-not-to-do-accessible-design","status":"publish","type":"post","link":"https:\/\/blog.daed.com\/?p=4316","title":{"rendered":"How Not to Do Accessible Design"},"content":{"rendered":"<p><span style=\"font-size: 14pt;\"><\/span><\/p>\r\n<p class=\"has-black-color has-text-color wp-block-paragraph\" style=\"font-size: 17px;\"><span style=\"font-size: 14pt; color: #000000;\">In addition to directing User Experience at Daedalus, I am also heavily involved in my local community. I recently attended a learning conference for municipal personnel and sat in on a session about best practices for mass communication with residents, via things like email, mailers, text messages, social media, and municipal web pages.\u00a0<\/span><\/p>\r\n<p><span style=\"font-size: 14pt; color: #000000;\">\r\n\r\n<\/span><\/p>\r\n<p class=\"has-black-color has-text-color wp-block-paragraph\" style=\"font-size: 17px;\"><span style=\"font-size: 14pt; color: #000000;\">For the most part, the talk was interesting and informative, and the panelists even touched on accessibility, which I was delighted to hear. However, I was less delighted when one of the panelists said that he had begun to eliminate color from his communications due to concerns over color blindness.\u00a0<\/span><\/p>\r\n<p><span style=\"font-size: 14pt; color: #000000;\">\r\n\r\n<\/span><\/p>\r\n<p class=\"has-black-color has-text-color wp-block-paragraph\" style=\"font-size: 17px;\"><span style=\"font-size: 14pt; color: #000000;\">I\u2019ve had a couple of clients over the years make similar comments, and on the surface, you might think that it\u2019s not a bad idea. Inclusive design is an admirable goal. But being inclusive means understanding the barriers that people face and removing those <em>barriers<\/em>; it does not mean removing <em>stuff<\/em>. Inclusive design does not mean deliberately removing useful design elements and creating a less usable experience for <em>all of your users<\/em> in order to accommodate users with disabilities, which is what this person\u2019s proposal would have done.\u00a0<\/span><\/p>\r\n<p><span style=\"font-size: 14pt; color: #000000;\">\r\n\r\n<\/span><\/p>\r\n<p class=\"has-black-color has-text-color wp-block-paragraph\" style=\"font-size: 17px;\"><span style=\"font-size: 14pt; color: #000000;\">To help you understand my reasoning, let&#8217;s consider another group of disabilities: hearing impairments. Obviously, we don\u2019t want to exclude the deaf community or those who are hard of hearing.\u00a0<\/span><\/p>\r\n<p><span style=\"font-size: 14pt; color: #000000;\">\r\n\r\n<\/span><\/p>\r\n<p class=\"has-black-color has-text-color wp-block-paragraph\" style=\"font-size: 17px;\"><span style=\"font-size: 14pt; color: #000000;\">When we design a webpage, then, should we eliminate all audio content? That would certainly be one way to ensure that no information is communicated only through audio channels. So, let\u2019s say we eliminate the audio track for any videos that we post and replace it with captions that hearing-impaired users and most other users can read.\u00a0<\/span><\/p>\r\n<p><span style=\"font-size: 14pt; color: #000000;\">\r\n\r\n<\/span><\/p>\r\n<p class=\"has-black-color has-text-color wp-block-paragraph\" style=\"font-size: 17px;\"><span style=\"font-size: 14pt; color: #000000;\">There you have it: by eliminating audio content, we\u2019ve ensured that those with hearing impairments won\u2019t be excluded. But, of course, now 100% of users are excluded from accessing audio content and we\u2019ve also created new barriers for those with vision impairments. It\u2019s a pretty ridiculous \u201csolution\u201d, isn\u2019t it?\u00a0<\/span><\/p>\r\n<p><span style=\"font-size: 14pt; color: #000000;\">\r\n\r\n<\/span><\/p>\r\n<p class=\"has-black-color has-text-color wp-block-paragraph\" style=\"font-size: 17px;\"><span style=\"font-size: 14pt; color: #000000;\">Obviously, eliminating all audio is not what accessible design would recommend. Rather, accessible design would recommend providing easy alternative access to the audio information. Instead of eliminating audio, the solution is to provide captions or transcripts for those with hearing impairments to ensure that there is another way for those individuals to access that information.\u00a0<\/span><\/p>\r\n<p><span style=\"font-size: 14pt; color: #000000;\">\r\n\r\n<\/span><\/p>\r\n<p class=\"has-black-color has-text-color wp-block-paragraph\" style=\"font-size: 17px;\"><span style=\"font-size: 14pt; color: #000000;\">Far from removing useful content, we should turn our attention to ensuring that the content is presented in such a way that the highest number of people, regardless of disability, are able to engage with it. <\/span><\/p>\r\n<p class=\"has-black-color has-text-color\" style=\"font-size: 17px;\"><span style=\"font-size: 14pt; color: #000000;\">It is exactly the same with color blindness!\u00a0<\/span><\/p>\r\n<p><span style=\"font-size: 14pt; color: #000000;\">\r\n\r\n<\/span><\/p>\r\n<h2 class=\"has-medium-font-size wp-block-heading\"><span style=\"font-size: 14pt; color: #000000;\">Color Weakness<\/span><\/h2>\r\n<p><span style=\"font-size: 14pt; color: #000000;\">\r\n\r\n<\/span><\/p>\r\n<p class=\"wp-block-paragraph\" style=\"font-size: 17px;\"><span class=\"tadv-color\" style=\"color: #000000; font-size: 14pt;\"><span class=\"tadv-background-color\" style=\"background-color: #ffffff;\">But before we go any further, I&#8217;d like to explain why the phrase <em>color blindness<\/em> is a misnomer. <\/span><\/span><\/p>\r\n<p style=\"font-size: 17px;\"><span class=\"tadv-color\" style=\"color: #000000; font-size: 14pt;\"><span class=\"tadv-background-color\" style=\"background-color: #ffffff;\">For most people who are color blind, it is much more akin to being hard of hearing than it is to being deaf. Just as most hearing-impaired people can still hear to some extent, most people who have color blindness do still see color. But they have an altered perception of color, which can range from being very mild to quite severe. For this reason, I prefer to use phrases like <em>color weakness <\/em>or <em>color deficiency <\/em>when describing this type of disability<em>.\u00a0<\/em><\/span><\/span><\/p>\r\n<p><span style=\"font-size: 14pt; color: #000000;\">\r\n\r\n<\/span><\/p>\r\n<p class=\"wp-block-paragraph\" style=\"font-size: 17px;\"><span class=\"tadv-color\" style=\"color: #000000; font-size: 14pt;\"><span class=\"tadv-background-color\" style=\"background-color: #ffffff;\">Here\u2019s an example: The last time my daughter\u2019s Girl Scout Troop got together for a bonfire, we threw some chemical packets into the fire that turned the flames different colors and I captured the image below. If you have normal color vision, also called trichromacy, you should be able to see most of the colors of the rainbow in these flames.<\/span><\/span><\/p>\r\n<figure id=\"attachment_4376\" aria-describedby=\"caption-attachment-4376\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/blog.daed.com\/?attachment_id=4376\" rel=\"attachment wp-att-4376\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-4376\" src=\"http:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Normal-Trichromacy-931x1024.png\" alt=\"Flames as seen with normal color visions\" width=\"800\" height=\"880\" srcset=\"https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Normal-Trichromacy-931x1024.png 931w, https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Normal-Trichromacy-273x300.png 273w, https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Normal-Trichromacy-768x845.png 768w, https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Normal-Trichromacy.png 1278w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><figcaption id=\"caption-attachment-4376\" class=\"wp-caption-text\">Chemically enhanced flames with a variety of colors as seen with normal color vision<\/figcaption><\/figure>\r\n<p><span style=\"font-size: 14pt; color: #000000;\">\r\n\r\n<\/span><\/p>\r\n<p class=\"wp-block-paragraph\" style=\"font-size: 17px;\"><span class=\"tadv-color\" style=\"color: #000000; font-size: 14pt;\"><span class=\"tadv-background-color\" style=\"background-color: #ffffff;\">However, if your color vision is not typical, the image above might look more like one of the ones below, depending on the type of color weakness you have:<\/span><\/span><\/p>\r\n<div id='gallery-1' class='gallery galleryid-4316 gallery-columns-2 gallery-size-large'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/blog.daed.com\/?attachment_id=4377'><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"880\" src=\"https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Green-Weak-Deuteranomaly-931x1024.png\" class=\"attachment-large size-large\" alt=\"Chemically enhanced flames as seen with deuteranomaly (green weak)\" aria-describedby=\"gallery-1-4377\" srcset=\"https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Green-Weak-Deuteranomaly-931x1024.png 931w, https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Green-Weak-Deuteranomaly-273x300.png 273w, https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Green-Weak-Deuteranomaly-768x845.png 768w, https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Green-Weak-Deuteranomaly.png 1278w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-4377'>\n\t\t\t\tGreen Weak (Deuteranomaly)\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/blog.daed.com\/?attachment_id=4379'><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"880\" src=\"https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Red-Weak-Protanomaly-931x1024.png\" class=\"attachment-large size-large\" alt=\"Chemically enhanced flames as seen with protanomaly (red weak)\" aria-describedby=\"gallery-1-4379\" srcset=\"https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Red-Weak-Protanomaly-931x1024.png 931w, https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Red-Weak-Protanomaly-273x300.png 273w, https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Red-Weak-Protanomaly-768x845.png 768w, https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Red-Weak-Protanomaly.png 1278w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-4379'>\n\t\t\t\tRed Weak (Protanomaly)\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/blog.daed.com\/?attachment_id=4380'><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"880\" src=\"https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Blue-Weak-Tritanomaly-931x1024.png\" class=\"attachment-large size-large\" alt=\"Chemically enhanced flames as seen with tritanomaly (blue weak)\" aria-describedby=\"gallery-1-4380\" srcset=\"https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Blue-Weak-Tritanomaly-931x1024.png 931w, https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Blue-Weak-Tritanomaly-273x300.png 273w, https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Blue-Weak-Tritanomaly-768x845.png 768w, https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Blue-Weak-Tritanomaly.png 1278w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-4380'>\n\t\t\t\tBlue Weak (Tritanomaly)\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/blog.daed.com\/?attachment_id=4378'><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"880\" src=\"https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Monochromacy-Achromatopsia-931x1024.png\" class=\"attachment-large size-large\" alt=\"Chemically enhanced flames as seen with true monochomacy\" aria-describedby=\"gallery-1-4378\" srcset=\"https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Monochromacy-Achromatopsia-931x1024.png 931w, https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Monochromacy-Achromatopsia-273x300.png 273w, https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Monochromacy-Achromatopsia-768x845.png 768w, https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Monochromacy-Achromatopsia.png 1278w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-4378'>\n\t\t\t\tTrue Monochromacy (Very Rare)\n\t\t\t\t<\/figcaption><\/figure>\n\t\t<\/div>\n\r\n<p><span style=\"font-size: 14pt; color: #000000;\">\r\n\r\n<\/span><\/p>\r\n<p class=\"wp-block-paragraph\" style=\"font-size: 17px;\"><span class=\"tadv-color\" style=\"color: #000000; font-size: 14pt;\"><span class=\"tadv-background-color\" style=\"background-color: #ffffff;\">As you can see, with the exception of true monochromacy, which is incredibly rare, those with color deficiencies can still see color. They just perceive color differently*.\u00a0<\/span><\/span><\/p>\r\n<p><span style=\"font-size: 14pt; color: #000000;\">\r\n\r\n<\/span><\/p>\r\n<h2 class=\"has-medium-font-size wp-block-heading\"><span style=\"font-size: 14pt; color: #000000;\">Inclusive Design with Color<\/span><\/h2>\r\n<p><span style=\"font-size: 14pt; color: #000000;\">\r\n\r\n<\/span><\/p>\r\n<p class=\"wp-block-paragraph\"><span style=\"font-size: 14pt; color: #000000;\">To create inclusive designs that account for color weaknesses, you need to ensure that color is <strong>never<\/strong> the only way that information is being communicated.\u00a0<\/span><\/p>\r\n<p><span style=\"font-size: 14pt; color: #000000;\">\r\n\r\n<\/span><\/p>\r\n<p class=\"wp-block-paragraph\"><span style=\"font-size: 14pt; color: #000000;\">Let\u2019s say that we wanted to create a community calendar that lists all the times and dates for the meetings of the various governing bodies. In this version of the calendar, the dates are color-coded to each group, but there is no other information on the calendar other than a legend to differentiate which meeting is for which group.\u00a0<\/span><\/p>\r\n<p><a href=\"http:\/\/blog.daed.com\/?attachment_id=4386\" rel=\"attachment wp-att-4386\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-4386 aligncenter\" src=\"http:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Community-Calendar-Bad-Color-Design-Normal-Vision.png\" alt=\"Community Calendar with a poor use of color as seen by someone with normal color vision\" width=\"631\" height=\"390\" srcset=\"https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Community-Calendar-Bad-Color-Design-Normal-Vision.png 631w, https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Community-Calendar-Bad-Color-Design-Normal-Vision-300x185.png 300w\" sizes=\"auto, (max-width: 631px) 100vw, 631px\" \/><\/a><\/p>\r\n<p><span style=\"font-size: 14pt; color: #000000;\">\r\n\r\n<\/span><\/p>\r\n<p class=\"wp-block-paragraph\"><span style=\"font-size: 14pt; color: #000000;\">While people with normal color vision would easily be able to interpret this calendar, for people with red or green color weaknesses, the calendar above would look like this:<\/span><\/p>\r\n<p><a href=\"http:\/\/blog.daed.com\/?attachment_id=4385\" rel=\"attachment wp-att-4385\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-4385 aligncenter\" src=\"http:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Community-Calendar-Bad-Color-Design-Color-Weak-Vision.png\" alt=\"Community Calendar with a poor use of color as seen by someone with green weak vision\" width=\"631\" height=\"390\" srcset=\"https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Community-Calendar-Bad-Color-Design-Color-Weak-Vision.png 631w, https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Community-Calendar-Bad-Color-Design-Color-Weak-Vision-300x185.png 300w\" sizes=\"auto, (max-width: 631px) 100vw, 631px\" \/><\/a><\/p>\r\n<p><span style=\"font-size: 14pt; color: #000000;\">\r\n\r\n<\/span><\/p>\r\n<p class=\"wp-block-paragraph\"><span style=\"font-size: 14pt; color: #000000;\">Notice that it is much more difficult to determine which governing bodies are meeting on the 12th, 13th, 26th, and 27th. That\u2019s because for people with red and green color weaknesses, red, orange, and green can look very similar, especially when they are of a similar hue or saturation. In fact, the green and red in particular are close to indistinguishable here.<\/span><\/p>\r\n<p><span style=\"font-size: 14pt; color: #000000;\">\r\n\r\n<\/span><\/p>\r\n<p class=\"wp-block-paragraph\"><span style=\"font-size: 14pt; color: #000000;\">Effective accessible design in this case would mean presenting another way of conveying the information \u2014 in this case, which governing body is associated with each meeting. Providing a label for each, as in the calendar below, is not only good design, it is inclusive design because, for those with color deficiencies, the labels are what provide the necessary information. Color is still being used, but only as a <em>secondary<\/em> way to convey that same information.<\/span><\/p>\r\n<p style=\"text-align: center;\"><a href=\"https:\/\/blog.daed.com\/?attachment_id=4411\" rel=\"attachment wp-att-4384\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4411 \" src=\"http:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Community-Calendar-Good-Color-Design-1-1024x571.png\" alt=\"\" width=\"646\" height=\"360\" srcset=\"https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Community-Calendar-Good-Color-Design-1-1024x571.png 1024w, https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Community-Calendar-Good-Color-Design-1-300x167.png 300w, https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Community-Calendar-Good-Color-Design-1-768x428.png 768w, https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Community-Calendar-Good-Color-Design-1.png 1256w\" sizes=\"auto, (max-width: 646px) 100vw, 646px\" \/><\/a><\/p>\r\n<p><span style=\"font-size: 14pt; color: #000000;\">\r\n\r\n<\/span><\/p>\r\n<p class=\"wp-block-paragraph\"><span style=\"font-size: 14pt; color: #000000;\">But we don\u2019t want to eliminate the use of color because, for those with normal color vision, the colors are a useful tool to help the user quickly find the meetings that he or she may be interested in.\u00a0<\/span><\/p>\r\n<p><span style=\"font-size: 14pt; color: #000000;\">\r\n\r\n<\/span><\/p>\r\n<p class=\"wp-block-paragraph\"><span style=\"font-size: 14pt; color: #000000;\">If we eliminate the use of color, like in the calendar depicted below, we would be taking away a useful feature from <em>all<\/em> of our users simply because 8-9% of people may not get the same level of use out of it \u2014 and we would also have a very boring calendar.<\/span><\/p>\r\n<p><a href=\"https:\/\/blog.daed.com\/?attachment_id=4412\" rel=\"attachment wp-att-4383\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-4412  aligncenter\" src=\"http:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Community-Calendar-Boring-Design-No-Color-1-1024x571.png\" alt=\"\" width=\"670\" height=\"374\" srcset=\"https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Community-Calendar-Boring-Design-No-Color-1-1024x571.png 1024w, https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Community-Calendar-Boring-Design-No-Color-1-300x167.png 300w, https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Community-Calendar-Boring-Design-No-Color-1-768x428.png 768w, https:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Community-Calendar-Boring-Design-No-Color-1.png 1256w\" sizes=\"auto, (max-width: 670px) 100vw, 670px\" \/><\/a><\/p>\r\n<p><span style=\"font-size: 14pt; color: #000000;\">\r\n\r\n<\/span><\/p>\r\n<p class=\"wp-block-paragraph\"><span style=\"font-size: 14pt; color: #000000;\">Creating inclusive and accessible design does not mean deliberately creating a lesser user experience for all users out of fear of excluding some users. It means being sensitive to and aware of what causes barriers for those user groups and coming up with design solutions that will more easily allow them to be included while still enhancing the overall experience for everyone.\u00a0<\/span><\/p>\r\n<hr \/>\r\n<p><span style=\"color: #000000;\">* You have likely heard of red weaknesses and green weaknesses together being referred to as <em>red-green blindness<\/em>. Though they are separate disabilities caused by different mechanisms, as you can see, the results are quite similar, in that reds and greens appear to be shades of yellow, so they tend to be grouped together by most laypeople.\u00a0 Blue-yellow blindness is also a misnomer, as people with this condition tend to confuse blues with greens and yellows with violets (so blue-green blindness would be more accurate).\u00a0<\/span><\/p>\r\n<p><span style=\"font-size: 14pt;\"><\/span><\/p>","protected":false},"excerpt":{"rendered":"<p>In addition to directing User Experience at Daedalus, I am also heavily involved in my local community. I recently attended a learning conference for municipal personnel and sat in on &#8230;<\/p>\n","protected":false},"author":10,"featured_media":4376,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,7],"tags":[211,210,209,212,66,173],"class_list":["post-4316","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-thinking","category-ergonomics-cognition","tag-accessible-design","tag-color-weak","tag-colorblind","tag-universal-design","tag-user-experience","tag-ux"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.10 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How Not to Do Accessible Design - daed.com<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.daed.com\/?p=4316\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How Not to Do Accessible Design - daed.com\" \/>\n<meta property=\"og:description\" content=\"In addition to directing User Experience at Daedalus, I am also heavily involved in my local community. I recently attended a learning conference for municipal personnel and sat in on ...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.daed.com\/?p=4316\" \/>\n<meta property=\"og:site_name\" content=\"daed.com\" \/>\n<meta property=\"article:published_time\" content=\"2022-04-26T16:59:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-11T14:59:13+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Normal-Trichromacy-931x1024.png\" \/>\n\t<meta property=\"og:image:width\" content=\"931\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Daedalus Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Daedalus Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/blog.daed.com\/?p=4316#article\",\"isPartOf\":{\"@id\":\"https:\/\/blog.daed.com\/?p=4316\"},\"author\":{\"name\":\"Daedalus Team\",\"@id\":\"https:\/\/blog.daed.com\/#\/schema\/person\/f08aac4ae63cbed0fffa61088919d15f\"},\"headline\":\"How Not to Do Accessible Design\",\"datePublished\":\"2022-04-26T16:59:11+00:00\",\"dateModified\":\"2024-07-11T14:59:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/blog.daed.com\/?p=4316\"},\"wordCount\":1183,\"publisher\":{\"@id\":\"https:\/\/blog.daed.com\/#organization\"},\"keywords\":[\"Accessible design\",\"Color weak\",\"Colorblind\",\"Universal Design\",\"User experience\",\"UX\"],\"articleSection\":[\"design thinking\",\"Ergonomics &amp; Cognition\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.daed.com\/?p=4316\",\"url\":\"https:\/\/blog.daed.com\/?p=4316\",\"name\":\"How Not to Do Accessible Design - daed.com\",\"isPartOf\":{\"@id\":\"https:\/\/blog.daed.com\/#website\"},\"datePublished\":\"2022-04-26T16:59:11+00:00\",\"dateModified\":\"2024-07-11T14:59:13+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/blog.daed.com\/?p=4316#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.daed.com\/?p=4316\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.daed.com\/?p=4316#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.daed.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How Not to Do Accessible Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.daed.com\/#website\",\"url\":\"https:\/\/blog.daed.com\/\",\"name\":\"daed.com\",\"description\":\"research, design, and engineering thinking\",\"publisher\":{\"@id\":\"https:\/\/blog.daed.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.daed.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/blog.daed.com\/#organization\",\"name\":\"daed.com\",\"url\":\"https:\/\/blog.daed.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.daed.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/blog.daed.com\/wp-content\/uploads\/2019\/10\/White_Daedalus.png\",\"contentUrl\":\"https:\/\/blog.daed.com\/wp-content\/uploads\/2019\/10\/White_Daedalus.png\",\"width\":5249,\"height\":745,\"caption\":\"daed.com\"},\"image\":{\"@id\":\"https:\/\/blog.daed.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.daed.com\/#\/schema\/person\/f08aac4ae63cbed0fffa61088919d15f\",\"name\":\"Daedalus Team\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.daed.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5d6de936556c9bdce42cd8b08658caf153a45451b66de4cda47d7ee8a3aaeb83?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/5d6de936556c9bdce42cd8b08658caf153a45451b66de4cda47d7ee8a3aaeb83?s=96&d=mm&r=g\",\"caption\":\"Daedalus Team\"},\"sameAs\":[\"http:\/\/www.daed.com\"],\"url\":\"https:\/\/blog.daed.com\/?author=10\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How Not to Do Accessible Design - daed.com","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog.daed.com\/?p=4316","og_locale":"en_US","og_type":"article","og_title":"How Not to Do Accessible Design - daed.com","og_description":"In addition to directing User Experience at Daedalus, I am also heavily involved in my local community. I recently attended a learning conference for municipal personnel and sat in on ...","og_url":"https:\/\/blog.daed.com\/?p=4316","og_site_name":"daed.com","article_published_time":"2022-04-26T16:59:11+00:00","article_modified_time":"2024-07-11T14:59:13+00:00","og_image":[{"width":931,"height":1024,"url":"http:\/\/blog.daed.com\/wp-content\/uploads\/2022\/04\/Normal-Trichromacy-931x1024.png","type":"image\/png"}],"author":"Daedalus Team","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Daedalus Team","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blog.daed.com\/?p=4316#article","isPartOf":{"@id":"https:\/\/blog.daed.com\/?p=4316"},"author":{"name":"Daedalus Team","@id":"https:\/\/blog.daed.com\/#\/schema\/person\/f08aac4ae63cbed0fffa61088919d15f"},"headline":"How Not to Do Accessible Design","datePublished":"2022-04-26T16:59:11+00:00","dateModified":"2024-07-11T14:59:13+00:00","mainEntityOfPage":{"@id":"https:\/\/blog.daed.com\/?p=4316"},"wordCount":1183,"publisher":{"@id":"https:\/\/blog.daed.com\/#organization"},"keywords":["Accessible design","Color weak","Colorblind","Universal Design","User experience","UX"],"articleSection":["design thinking","Ergonomics &amp; Cognition"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/blog.daed.com\/?p=4316","url":"https:\/\/blog.daed.com\/?p=4316","name":"How Not to Do Accessible Design - daed.com","isPartOf":{"@id":"https:\/\/blog.daed.com\/#website"},"datePublished":"2022-04-26T16:59:11+00:00","dateModified":"2024-07-11T14:59:13+00:00","breadcrumb":{"@id":"https:\/\/blog.daed.com\/?p=4316#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.daed.com\/?p=4316"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/blog.daed.com\/?p=4316#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.daed.com\/"},{"@type":"ListItem","position":2,"name":"How Not to Do Accessible Design"}]},{"@type":"WebSite","@id":"https:\/\/blog.daed.com\/#website","url":"https:\/\/blog.daed.com\/","name":"daed.com","description":"research, design, and engineering thinking","publisher":{"@id":"https:\/\/blog.daed.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.daed.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/blog.daed.com\/#organization","name":"daed.com","url":"https:\/\/blog.daed.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.daed.com\/#\/schema\/logo\/image\/","url":"https:\/\/blog.daed.com\/wp-content\/uploads\/2019\/10\/White_Daedalus.png","contentUrl":"https:\/\/blog.daed.com\/wp-content\/uploads\/2019\/10\/White_Daedalus.png","width":5249,"height":745,"caption":"daed.com"},"image":{"@id":"https:\/\/blog.daed.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/blog.daed.com\/#\/schema\/person\/f08aac4ae63cbed0fffa61088919d15f","name":"Daedalus Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.daed.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5d6de936556c9bdce42cd8b08658caf153a45451b66de4cda47d7ee8a3aaeb83?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5d6de936556c9bdce42cd8b08658caf153a45451b66de4cda47d7ee8a3aaeb83?s=96&d=mm&r=g","caption":"Daedalus Team"},"sameAs":["http:\/\/www.daed.com"],"url":"https:\/\/blog.daed.com\/?author=10"}]}},"_links":{"self":[{"href":"https:\/\/blog.daed.com\/index.php?rest_route=\/wp\/v2\/posts\/4316","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.daed.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.daed.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.daed.com\/index.php?rest_route=\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.daed.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4316"}],"version-history":[{"count":13,"href":"https:\/\/blog.daed.com\/index.php?rest_route=\/wp\/v2\/posts\/4316\/revisions"}],"predecessor-version":[{"id":4600,"href":"https:\/\/blog.daed.com\/index.php?rest_route=\/wp\/v2\/posts\/4316\/revisions\/4600"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.daed.com\/index.php?rest_route=\/wp\/v2\/media\/4376"}],"wp:attachment":[{"href":"https:\/\/blog.daed.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4316"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.daed.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4316"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.daed.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4316"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}