{"id":63456,"date":"2020-05-18T00:00:00","date_gmt":"2020-05-18T00:00:00","guid":{"rendered":"https:\/\/rockcontent.com\/blog\/how-to-design-for-color-blindness\/"},"modified":"2025-09-10T00:01:39","modified_gmt":"2025-09-10T03:01:39","slug":"how-to-design-for-color-blindness","status":"publish","type":"post","link":"https:\/\/pingback.com\/en\/resources\/how-to-design-for-color-blindness\/","title":{"rendered":"How to design for color blindness to be inclusive"},"content":{"rendered":"<p><strong><span data-preserver-spaces=\"true\">About 15% of the global population experiences some kind of disability<\/span><\/strong><span data-preserver-spaces=\"true\">. Bearing that in mind, many companies already invest in developing more inclusive user experiences. Among many other possibilities, learning how to design for color blindness is something relatively simple that can be an important step toward more accessible marketing.&nbsp;<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">More than publicizing diversity in their campaigns, businesses need to apply it in their actions.&nbsp;<\/span><strong><span data-preserver-spaces=\"true\">What can you do to communicate with a greater variety of people?<\/span><\/strong><\/p>\n<p><span data-preserver-spaces=\"true\">Inclusive design goes beyond creating specific products for disabled people. It implies creating something everyone can experience \u2014 no matter how different they are from each other.&nbsp;<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">Keep on reading and deepen your knowledge about:<\/span><\/p>\n<ul class=\"wp-block-list\">\n<li><span data-preserver-spaces=\"true\">Inclusive design<\/span>.<\/li>\n<li><span data-preserver-spaces=\"true\">Color blindness<\/span>.<\/li>\n<li><span data-preserver-spaces=\"true\">Designing for color blindness.&nbsp;<\/span><\/li>\n<\/ul>\n<h2 class=\"wp-block-heading\"><span data-preserver-spaces=\"true\">Inclusive design<\/span><\/h2>\n<p><span data-preserver-spaces=\"true\">It has been a while since we understood the importance of human-centered marketing, which means the user is \u2014 or at least should be \u2014 at the center of any marketing decision. It comprehends design decisions as well. However, focusing on our&nbsp;<\/span><a class=\"_e75a791d-denali-editor-page-rtfLink\" href=\"https:\/\/visual.ly\/blog\/how-to-creating-buyer-personas\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span data-preserver-spaces=\"true\">persona<\/span><\/a><span data-preserver-spaces=\"true\">&nbsp;can go way beyond thinking mobile-first or designing for&nbsp;<\/span><a class=\"_e75a791d-denali-editor-page-rtfLink\" href=\"https:\/\/visual.ly\/blog\/marketing-millennials-infographic\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span data-preserver-spaces=\"true\">millennials<\/span><\/a><span data-preserver-spaces=\"true\">, as one may assume \u2014 and yes, it is still very easy to leave lots of people behind.&nbsp;<\/span><\/p>\n<pre class=\"wp-block-code\"><code> <span data-preserver-spaces=\"true\"><\/span><\/code><\/pre>\n<p>That is why inclusive design was born. This segment praises designers to <strong>consider impaired people while developing any user experience<\/strong>, whether online or not. These impairments vary in degree, and may even be temporary but must not be forgotten.<\/p>\n<p><span data-preserver-spaces=\"true\">At first, this might be challenging for anyone who works with development, since it applies restrictions but it is also possible to look at it from a brighter point of view since it encourages more creativity.<\/span><\/p>\n<p>Look, for example, this Subway map from NY for color blindness. It is beautiful and inclusive at the same time:<\/p>\n<pre class=\"wp-block-code\"><code><div class=\"visually_embed\">\n<figure><a href=\"https:\/\/visual.ly\/community\/Infographics\/transportation\/color-blind-subway-map\/?utm_source=visually_embed\"><img data-opt-id=1062187094  data-opt-src=\"https:\/\/s3.amazonaws.com\/scribblelive-com-prod\/wp-content\/uploads\/sites\/4\/2020\/07\/16523.png\"  decoding=\"async\" class=\"visually_embed_infographic\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Color Blind Subway Map\"><\/a><span style=\"font-size: inherit\">&nbsp;From <\/span><a style=\"font-size: inherit\" href=\"https:\/\/visual.ly?utm_source=content-embed&amp;utm_medium=embed\">Visually<\/a><span style=\"font-size: inherit\">.<\/span><\/figure><\/div><\/code><\/pre>\n<p><a class=\"_e75a791d-denali-editor-page-rtfLink\" href=\"https:\/\/www.worldbank.org\/en\/topic\/disability\" target=\"_blank\" rel=\"noopener noreferrer\"><span data-preserver-spaces=\"true\">About 15% of the world population experience some form of disability<\/span><\/a><span data-preserver-spaces=\"true\">,&nbsp;<\/span><strong><span data-preserver-spaces=\"true\">which accounts for nearly one billion people<\/span><\/strong><span data-preserver-spaces=\"true\">. It does not matter if your business is small, medium, or large: you cannot afford to create some sort of communication or even develop a product that lacks the potential to reach those people.&nbsp;<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">When we think about including disabled people, accessibility is probably the first thing that comes to mind. Although designing sidewalks, store entrances, and bathrooms to welcome a wheelchair is important, it is not even close to being enough.<\/span><\/p>\n<p><strong><span data-preserver-spaces=\"true\">Language, interface, controls, and&nbsp;<\/span><\/strong><a class=\"_e75a791d-denali-editor-page-rtfLink\" href=\"https:\/\/visual.ly\/blog\/data-visualization\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong><span data-preserver-spaces=\"true\">data visualization<\/span><\/strong><\/a><span data-preserver-spaces=\"true\">&nbsp;<\/span><strong><span data-preserver-spaces=\"true\">presentation&nbsp;<\/span><\/strong><span data-preserver-spaces=\"true\">are a few other things that should be on your mind when designing for everyone \u2014 really everyone.&nbsp;<\/span><\/p>\n<h2 class=\"wp-block-heading\"><span data-preserver-spaces=\"true\">Color blindness<\/span><\/h2>\n<p><strong><span data-preserver-spaces=\"true\">There are&nbsp;<\/span><\/strong><a class=\"_e75a791d-denali-editor-page-rtfLink\" href=\"https:\/\/www.colourblindawareness.org\/colour-blindness\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong><span data-preserver-spaces=\"true\">around 3 million color-blinded people<\/span><\/strong><\/a><strong><span data-preserver-spaces=\"true\">&nbsp;around the world<\/span><\/strong><span data-preserver-spaces=\"true\">, a figure relatively close to the entire population of the United States. On the contrary to common sense, color-blinded people can see color. However,<\/span><strong><span data-preserver-spaces=\"true\">&nbsp;they face a hard time to identify some specific color<\/span><\/strong><span data-preserver-spaces=\"true\">, especially green and red, and sometimes orange and gray \u2014 all of which tend to be seen in a brown spectrum.&nbsp;<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">If you are willing to develop a more inclusive design, it might be worthwhile to understand more about this condition, so keep on reading and get the answers to some of the more frequently asked questions on the topic.&nbsp;<\/span><\/p>\n<h3 class=\"wp-block-heading\"><span data-preserver-spaces=\"true\">What is it?<\/span><\/h3>\n<p><span data-preserver-spaces=\"true\">Also known as color vision deficiency (CVD), color blindness is a defect in the retina: the tissue in the back of the eye, responsible for processing images and identifying color variations.&nbsp;<\/span><strong><span data-preserver-spaces=\"true\">In color blinded people, the retina does not respond properly to the received light.<\/span><\/strong><span data-preserver-spaces=\"true\">&nbsp;It leads to difficulties that can vary from differentiating colors (in moderate cases) to impairing people to distinguish colors at all (in more severe cases).&nbsp;<\/span><\/p>\n<h3 class=\"wp-block-heading\"><span data-preserver-spaces=\"true\">What are its causes?&nbsp;<\/span><\/h3>\n<p><strong><span data-preserver-spaces=\"true\">Most color blindness cases are genetic and inherited by the mother&#8217;s side of the family<\/span><\/strong><span data-preserver-spaces=\"true\">, although men are more prone to it when compared to women. This means most color blinded people are already born with this condition and can get to diagnosis early on during childhood.&nbsp;<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">Trauma to the eye and the progression of other long-term diseases \u2014 such as Parkinson&#8217;s, diabetes, multiple sclerosis, or any other eye disease \u2014 can also develop into color-blindness cases.<\/span><\/p>\n<h3 class=\"wp-block-heading\"><span data-preserver-spaces=\"true\">What are the types?&nbsp;<\/span><\/h3>\n<p><strong><span data-preserver-spaces=\"true\">There are three well-documented types of color blindness.<\/span><\/strong><span data-preserver-spaces=\"true\">&nbsp;The human eye needs to use three different light cone types to process every color there is. If at least one of them is faulty, this person already faces some level of color-blindness. Let&#8217;s dig in a little in each one of them:&nbsp;&nbsp;<\/span><\/p>\n<ul class=\"wp-block-list\">\n<li><strong>P<span data-preserver-spaces=\"true\">rotanopia<\/span><\/strong><span data-preserver-spaces=\"true\">: these people present a reduced sensitivity to red light, which tends to be seen in green or brownish tones<\/span>.<\/li>\n<li><strong>D<span data-preserver-spaces=\"true\">euteranopia<\/span><\/strong><span data-preserver-spaces=\"true\">: in this case, individuals have a hard time perceiving green light, meaning that they either cannot see it at all or see it in a yellowish tone \u2014 this is the most common type of color-blindness<\/span>.<\/li>\n<li><strong><span data-preserver-spaces=\"true\">Tritanopia<\/span><\/strong><span data-preserver-spaces=\"true\">: this type of color-blindness is extremely rare and these people have difficulties telling blue and yellow lights apart.&nbsp;<\/span><\/li>\n<\/ul>\n<p><span data-preserver-spaces=\"true\">The interesting thing is, while most people have never had to think about what a chart or infographic looks like to someone with CVD, for this group, these tiny design decisions affect daily life. It isn\u2019t just about artistic preference; it\u2019s about function: traffic lights, maps, instructions, and even simple shopping apps can trip people up if certain color combos aren\u2019t considered. Designers (the good ones, anyway) already juggle contrast, balance, and story \u2014 so why not add another layer, knowing a bit of planning can open the door for many folks who\u2019d otherwise miss out?<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">Sometimes, awareness doesn\u2019t come from training or rules but from seeing someone struggle first hand \u2014 a colleague squinting at a presentation or quietly mentioning that the red and green lines in a chart look like the same muddy stripe. There\u2019s a real difference between empathy in the abstract and noticing a friend trip up on your work. Making sure what you create actually works for everyone involved isn\u2019t some distant corporate project; it\u2019s just human decency, honestly. And once you get in the habit of checking your palette or adding a simple symbol, it becomes second nature.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">Stepping back for a second, let\u2019s be honest: most people don\u2019t notice design at all unless it causes them inconvenience. For those without color vision challenges, every traffic signal and checkout screen blends into the background just fine. The truth is, design tends to become invisible when it works\u2014until it doesn\u2019t. That\u2019s why it\u2019s so crucial to ask folks for feedback who actually see things differently instead of guessing from an outsider\u2019s perspective. It\u2019s not about being perfect, it\u2019s about being open to the idea that your favorite color pairing might not do the trick for someone else.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">If you\u2019re not sure where to start, there are some really intuitive color blindness simulators online (Coblis is one, or even the accessibility settings on your own smartphone). And yeah, sometimes you\u2019ll stumble on a palette that looks great to most and totally washes out for someone else\u2014no shame in iterating a bit. Testing things early, especially if you have a chance to involve diverse team members, almost always brings up issues you wouldn\u2019t spot alone at a desk. In the long run, a little up-front effort saves a ton of backtracking and awkward feedback down the line.<\/span><\/p>\n<h3 class=\"wp-block-heading\"><span data-preserver-spaces=\"true\">Did you know these people are color-blinded?<\/span><\/h3>\n<p><span data-preserver-spaces=\"true\">As we could already learn, color-blindness affects millions of people worldwide. People born with this condition face difficulties identifying colors, so&nbsp;<\/span><strong><span data-preserver-spaces=\"true\">our marketing and communication assets must think about them to be more accessible<\/span><\/strong><span data-preserver-spaces=\"true\">. However, apart from that, they can live a pretty normal life.&nbsp;<\/span><\/p>\n<figure class=\"wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter\">\n<div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"twitter-tweet\" data-width=\"550\" data-dnt=\"true\">\n<p lang=\"es\" dir=\"ltr\">Cr\u00f3nicas de un dalt\u00f3nico intentado pintar: <a href=\"https:\/\/t.co\/v412eS9Wdu\">pic.twitter.com\/v412eS9Wdu<\/a><\/p>\n<p>&mdash; Rodolfo Carlton (@rodolfomc1) <a href=\"https:\/\/twitter.com\/rodolfomc1\/status\/1257011890267525128?ref_src=twsrc%5Etfw\">May 3, 2020<\/a><\/p>\n<\/blockquote>\n<p><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script>\n<\/div>\n<\/figure>\n<p><span data-preserver-spaces=\"true\">Many famous, important, and influential people are color blinded, such as Facebook creator Mark Zuckerberg; royal family member, Prince Williams; actor Eddie Redmayne; and former president of the United States Bill Clinton.&nbsp;<\/span><\/p>\n<h2 class=\"wp-block-heading\"><span data-preserver-spaces=\"true\">Designing for color blindness<\/span><\/h2>\n<p><span data-preserver-spaces=\"true\">What happens when a design is experienced in a different way than the one intended? If you still do not use an inclusive design approach at your job, there are great chances this is happening to your work right now.&nbsp;<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">You should bear in mind that we do not intend for you to apply double the effort when creating a design \u2014 on the contrary!&nbsp;<\/span><strong><span data-preserver-spaces=\"true\">The goal is not to design to this specific audience but consider them when designing<\/span><\/strong><span data-preserver-spaces=\"true\">&nbsp;so that it can be<\/span><strong><span data-preserver-spaces=\"true\">&nbsp;accessible for everyone<\/span><\/strong><span data-preserver-spaces=\"true\">.&nbsp;<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">More than thinking about <a href=\"https:\/\/pingback.com\/en\/resources\/web-design\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"website templates (opens in a new tab)\">website templates<\/a>, this mindset should also be put in practice when designing other online content, such as infographics, charts, and graphs, all of which tend to rely on color to convey different information.&nbsp;<\/span><\/p>\n<h3 class=\"wp-block-heading\"><span data-preserver-spaces=\"true\">Limit the color palette&nbsp;&nbsp;<\/span><\/h3>\n<p><span data-preserver-spaces=\"true\">Color-blinded people have trouble differentiating colors, but they distinguish shades just fine. That is why it is more than ok to<\/span><strong><span data-preserver-spaces=\"true\">&nbsp;combine highly contrasting colors in a design, and using a limited <a href=\"https:\/\/www.vectornator.io\/blog\/color-palette\" target=\"_blank\" rel=\"noreferrer noopener\">color palette<\/a> helps to keep it clean and simple<\/span><\/strong><span data-preserver-spaces=\"true\">.&nbsp;&nbsp;<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">Also, a monochromatic approach would not be such a bad idea, since it restricts the possibility of using a bad combination of colors. If you have concerns regarding the aesthetics quality of your work, there are other features you can add on to convey all the information that needs to be passed on, which we will cover later on on this text.&nbsp;<\/span><\/p>\n<h3 class=\"wp-block-heading\"><span data-preserver-spaces=\"true\">Avoid combining red and green<\/span><\/h3>\n<p><span data-preserver-spaces=\"true\">When designing charts, red and green should not be used together. Although these are generally the most used marks for representing good vs. bad or positive vs. negative,<\/span><strong><span data-preserver-spaces=\"true\">&nbsp;many color-blinded people tend to see both of them as brown&nbsp;<\/span><\/strong><span data-preserver-spaces=\"true\">\u2014 especially those who present a severe condition of the disease.&nbsp;<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">It is still possible to combine those colors if readers can rely on other visual aids besides the color. It can be done by adding appropriate labels and\/or presenting information in separate graphs, for example.<\/span><\/p>\n<h3 class=\"wp-block-heading\"><span data-preserver-spaces=\"true\">Rely on symbols<\/span><\/h3>\n<p><span data-preserver-spaces=\"true\">As we were saying, users need to count<\/span><strong><span data-preserver-spaces=\"true\">&nbsp;on more than just colors to encode information<\/span><\/strong><span data-preserver-spaces=\"true\">. Icons and arrows are a good way to convey information at a glance and to diminish the importance of the color role in the design.&nbsp;<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">This tip can be very useful when designing an infographic, for example, since symbols are also a way to make this type of content more<\/span><strong><span data-preserver-spaces=\"true\">&nbsp;visually appealing as well as with a limited word count<\/span><\/strong><span data-preserver-spaces=\"true\">. Alongside shades and icons, textures and patterns can replace color or work just as well.&nbsp;&nbsp;<\/span><\/p>\n<h3 class=\"wp-block-heading\"><span data-preserver-spaces=\"true\">Walk on their shoes<\/span><\/h3>\n<p><span data-preserver-spaces=\"true\">Empathy is a trendy word in the marketing context right now.&nbsp;<\/span><strong><span data-preserver-spaces=\"true\">How about we take it from discourse theory and apply it daily?&nbsp;<\/span><\/strong><span data-preserver-spaces=\"true\">To make sure you are following at least all basic tips, you can check some of&nbsp;<\/span><a class=\"_e75a791d-denali-editor-page-rtfLink\" href=\"https:\/\/chrome.google.com\/webstore\/search\/color-blindness\" target=\"_blank\" rel=\"noopener noreferrer\"><span data-preserver-spaces=\"true\">Google Extension plug-ins<\/span><\/a><span data-preserver-spaces=\"true\">&nbsp;that simulate color-blindness so you can see what this audience will be seeing. Also, it is important to know and follow&nbsp;<\/span><a class=\"_e75a791d-denali-editor-page-rtfLink\" href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span data-preserver-spaces=\"true\">proper guidelines<\/span><\/a><span data-preserver-spaces=\"true\">.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">Trends like sustainability, gender neutrality, sexual orientation diversity, and people with disability inclusion are no longer differentiators. They are already expected by the audience each day more.&nbsp;<\/span><strong><span data-preserver-spaces=\"true\">Marginalized groups have now raised their voices to demand what they truly deserve.&nbsp;<\/span><\/strong><span data-preserver-spaces=\"true\">Understand how to design for color blindness may seem like a simple gesture but it is something that can make a difference.&nbsp;<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">Want to add such design features to your next campaign? We surely can help! Reach out to us and&nbsp;<\/span><a class=\"_e75a791d-denali-editor-page-rtfLink\" href=\"https:\/\/visual.ly\/creative-services\/quote?utm_campaign=header\" target=\"_blank\" rel=\"noopener noreferrer\"><span data-preserver-spaces=\"true\">get a quote<\/span><\/a><span data-preserver-spaces=\"true\">&nbsp;right away!<\/span><\/p>\n<p> }}<\/p>\n","protected":false},"excerpt":{"rendered":"<p>About 15% of the global population experiences some kind of disability. Bearing that in mind, many companies already invest in developing more inclusive user experiences. Among many other possibilities, learning how to design for color blindness is something relatively simple that can be an important step toward more accessible marketing.&nbsp; More than publicizing diversity in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":57561,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[125],"tags":[],"class_list":["post-63456","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to design for color blindness to be inclusive<\/title>\n<meta name=\"description\" content=\"Learning how to design for color blindness is an important step towards developing a more inclusive user experience. Get to know more about it!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pingback.com\/en\/resources\/how-to-design-for-color-blindness\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to design for color blindness to be inclusive\" \/>\n<meta property=\"og:description\" content=\"Learning how to design for color blindness is an important step towards developing a more inclusive user experience. Get to know more about it!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pingback.com\/en\/resources\/how-to-design-for-color-blindness\/\" \/>\n<meta property=\"og:site_name\" content=\"Pingback\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-18T00:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-10T03:01:39+00:00\" \/>\n<meta name=\"author\" content=\"Carolina\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carolina\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pingback.com\/en\/resources\/how-to-design-for-color-blindness\/\",\"url\":\"https:\/\/pingback.com\/en\/resources\/how-to-design-for-color-blindness\/\",\"name\":\"How to design for color blindness to be inclusive\",\"isPartOf\":{\"@id\":\"https:\/\/pingback.com\/en\/resources\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/pingback.com\/en\/resources\/how-to-design-for-color-blindness\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/pingback.com\/en\/resources\/how-to-design-for-color-blindness\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2020-05-18T00:00:00+00:00\",\"dateModified\":\"2025-09-10T03:01:39+00:00\",\"author\":{\"@id\":\"https:\/\/pingback.com\/en\/resources\/#\/schema\/person\/5931a4533700c840b9f38199581abc33\"},\"description\":\"Learning how to design for color blindness is an important step towards developing a more inclusive user experience. Get to know more about it!\",\"breadcrumb\":{\"@id\":\"https:\/\/pingback.com\/en\/resources\/how-to-design-for-color-blindness\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pingback.com\/en\/resources\/how-to-design-for-color-blindness\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/pingback.com\/en\/resources\/how-to-design-for-color-blindness\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pingback.com\/en\/resources\/how-to-design-for-color-blindness\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/pingback.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to design for color blindness to be inclusive\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pingback.com\/en\/resources\/#website\",\"url\":\"https:\/\/pingback.com\/en\/resources\/\",\"name\":\"Pingback\",\"description\":\"Marketing for builders\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pingback.com\/en\/resources\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/pingback.com\/en\/resources\/#\/schema\/person\/5931a4533700c840b9f38199581abc33\",\"name\":\"Carolina\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/pingback.com\/en\/resources\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g\",\"caption\":\"Carolina\"},\"sameAs\":[\"https:\/\/pingback.com\"],\"url\":\"https:\/\/pingback.com\/en\/resources\/author\/adm1n\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to design for color blindness to be inclusive","description":"Learning how to design for color blindness is an important step towards developing a more inclusive user experience. Get to know more about it!","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:\/\/pingback.com\/en\/resources\/how-to-design-for-color-blindness\/","og_locale":"pt_BR","og_type":"article","og_title":"How to design for color blindness to be inclusive","og_description":"Learning how to design for color blindness is an important step towards developing a more inclusive user experience. Get to know more about it!","og_url":"https:\/\/pingback.com\/en\/resources\/how-to-design-for-color-blindness\/","og_site_name":"Pingback","article_published_time":"2020-05-18T00:00:00+00:00","article_modified_time":"2025-09-10T03:01:39+00:00","author":"Carolina","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Carolina","Est. tempo de leitura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pingback.com\/en\/resources\/how-to-design-for-color-blindness\/","url":"https:\/\/pingback.com\/en\/resources\/how-to-design-for-color-blindness\/","name":"How to design for color blindness to be inclusive","isPartOf":{"@id":"https:\/\/pingback.com\/en\/resources\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pingback.com\/en\/resources\/how-to-design-for-color-blindness\/#primaryimage"},"image":{"@id":"https:\/\/pingback.com\/en\/resources\/how-to-design-for-color-blindness\/#primaryimage"},"thumbnailUrl":"","datePublished":"2020-05-18T00:00:00+00:00","dateModified":"2025-09-10T03:01:39+00:00","author":{"@id":"https:\/\/pingback.com\/en\/resources\/#\/schema\/person\/5931a4533700c840b9f38199581abc33"},"description":"Learning how to design for color blindness is an important step towards developing a more inclusive user experience. Get to know more about it!","breadcrumb":{"@id":"https:\/\/pingback.com\/en\/resources\/how-to-design-for-color-blindness\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pingback.com\/en\/resources\/how-to-design-for-color-blindness\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/pingback.com\/en\/resources\/how-to-design-for-color-blindness\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/pingback.com\/en\/resources\/how-to-design-for-color-blindness\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/pingback.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to design for color blindness to be inclusive"}]},{"@type":"WebSite","@id":"https:\/\/pingback.com\/en\/resources\/#website","url":"https:\/\/pingback.com\/en\/resources\/","name":"Pingback","description":"Marketing for builders","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pingback.com\/en\/resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/pingback.com\/en\/resources\/#\/schema\/person\/5931a4533700c840b9f38199581abc33","name":"Carolina","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/pingback.com\/en\/resources\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g","caption":"Carolina"},"sameAs":["https:\/\/pingback.com"],"url":"https:\/\/pingback.com\/en\/resources\/author\/adm1n\/"}]}},"_links":{"self":[{"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/posts\/63456","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/comments?post=63456"}],"version-history":[{"count":4,"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/posts\/63456\/revisions"}],"predecessor-version":[{"id":127859,"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/posts\/63456\/revisions\/127859"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/media?parent=63456"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/categories?post=63456"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/tags?post=63456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}