# Understanding color blindness

DevFeed: [Understanding color blindness](<https://devfeed.tech/articles/understanding-color-blindness-9418.md>)

Original publisher: [Read original article](<https://a11yproject.com/posts/understanding-colourblindness/>)

Author: Matthew Higgins

Published: 2017-10-18T00:00:00Z

Content type: article

Language: en

Sources: [The A11Y Project](<https://devfeed.tech/sources/the-a11y-project.md>)

Topics: [Accessibility](<https://devfeed.tech/topics/accessibility.md>), [Web](<https://devfeed.tech/topics/web.md>), [User interface design](<https://devfeed.tech/topics/ui-design.md>)

Tags: [accessibility](<https://devfeed.tech/tags/accessibility.md>), [article](<https://devfeed.tech/tags/article.md>), [symbols](<https://devfeed.tech/tags/symbols.md>), [tools](<https://devfeed.tech/tags/tools.md>), [vision](<https://devfeed.tech/tags/vision.md>), [web](<https://devfeed.tech/tags/web.md>)

## AI overview

This article explains color blindness and its implications for web accessibility. It recommends avoiding color as the sole means of communication, choosing distinguishable colors, and adding secondary visual cues such as icons or symbols, in line with WCAG guideline 1.4.1. It also mentions tools for evaluating color accessibility.

## Source excerpt

Color blindness is a common genetic condition in which some peoples' eyes can't tell the difference between certain colors. That's not to say these people see the world in greyscale-- just that many colors seem identical to one another. Total color blindness is very rare in humans. Color vision deficiencies (typically grouped together as "color blindness") are not rare. Some form of color blindness affects at least one in twenty people. Wikipedia has a helpful table, based on a journal article from biomedcentral.com. There are several different forms of color blindness. The most common, red-green color blindness, affects around one in twelve men. Color blindness is less profound than many impairments, but people with color vision problems often face restrictions on certain activities, which vary around the world. For example, Romania prohibits residents who are color blind from driving. The USA doesn't consider color blindness a disability because of workplace discrimination purposes. Though there are multiple types of color blindness, they are the same in principle. For more information, check out Wikipedia's article on color blindness, which has some excellent descriptions. What does this mean for accessibility on the web? To make sure your site is readable for individuals with color blindness, avoid relying on color alone to communicate. These guidelines are compliant with the WCAG; guideline 1.4.1 covers making content distinguishable using color. In practice, you can achieve this by choosing colors that are easily distinguished from one another, and by adding secondary visualizations for icons and tasks. For example, say you're using red and green buttons to represent tasks a user has outstanding. It might seem logical to show items that need attention in red, and those that are good in green. One small change, such as overlaying a check mark icon over the "good" or "completed" items, will help communicate which items are approved and those that need attention.