{"id":6404,"date":"2023-06-01T18:13:35","date_gmt":"2023-06-01T21:13:35","guid":{"rendered":"https:\/\/www.handtalk.me\/en\/?p=6404"},"modified":"2024-02-06T16:26:33","modified_gmt":"2024-02-06T19:26:33","slug":"how-to-make-your-website-accessible-for-color-blind-people","status":"publish","type":"post","link":"https:\/\/www.handtalk.me\/en\/blog\/how-to-make-your-website-accessible-for-color-blind-people\/","title":{"rendered":"How to make your website accessible for color blind people"},"content":{"rendered":"\n

What does it mean to be color blind, after all? According to a broader definition, color blindness consists of a vision disorder that affects color perception<\/strong>. But how exactly do these people see? Among many variations, there are three that are the most common: protanomaly, deuteranomaly, and tritanomaly. These disorders consist of the absence of perception of the colors red, green and blue, respectively.<\/p>\n\n\n\n

Therefore, color blindness is not a homogeneous disability, and thinking of accessibility for this group requires specific details. Depending on the color choice you make to design your layout, or to highlight some information in your text, the content can become inaccessible.<\/p>\n\n\n\n

When it comes to this disability, the Web Content Accessibility Guidelines<\/a> recommends never transmitting information simply through the use of colors. <\/strong>In this article we have put together some tips that will help you understand how to do this!<\/p>\n\n\n\n

Put yourself in their shoes!<\/h2>\n\n\n\n

Some tools can simulate the vision of someone with a color perception absence. On ColorBlind<\/a>, just type in your URL and you will have a practical notion of how a color blind person would see your website. There, there is also the possibility to select different kinds of color blindness – which is great to have a more complete understanding.<\/p>\n\n\n\n

Another technology available in the market is the Chromatic Vision Simulator<\/a> app. It uses a cell phone\u2019s camera to capture its surroundings and makes simulations of how that image would be seen by color blind people.<\/p>\n\n\n\n

Pay attention to images!<\/h2>\n\n\n\n

Often an image\u2019s content can be very important for the full comprehension of the message that is being transmitted. That is why, when it is time to create graphics<\/a> or sell products, some actions must be taken in order for color blind people to have accessibility.<\/p>\n\n\n\n

When it comes to pie charts, only differentiating each section with colors is not enough. <\/strong>Therefore it is recommended for each segment to have its own description. In regards to other types of graphics, such as tables and diagrams, a useful tip is to choose the colors after trying out the simulators we have mentioned above.<\/p>\n\n\n\n

Another situation that color blind people have to go through is related to selling products<\/a>. Just looking at a photo is not enough when making a buying decision.<\/strong> When thinking of how to change that, some companies are writing which color the merchandise is, so it is possible to differentiate it.<\/p>\n\n\n\n

Creating an accessible text<\/h2>\n\n\n\n

Although images are the largest barrier when creating an accessible website for the color blind, a text\u2019s formatting can, many times, not work for everyone<\/a>. In many cases, the chosen font or the way to highlight an information can make the content confusing, since it is not rare for a color blind person not to notice the difference between one color and the other. To solve this problem, here are two very simple tips that can be quite helpful:<\/p>\n\n\n\n