![]() ![]() Each two-digit pair of the code represents a color, so I need to convert each element to decimal values. Hex codes are six-digit hexadecimal numbers that represent colors. You can download my Excel file to use on your own. I also added a macro to my Excel file, which automatically colors the cell based on the HEX code in the cell. I’ll walk through each of the six steps and the Excel calculations that need to happen to make it work. Download a high-res version of this image. This copies the HEX code to the clipboard, which I then paste into the box on the WebAIM website.) (Quick note: the way I test this is to open the Digital Color Meter on my Mac, put the cursor over the bar and click the SHIFT+CMD+C keyboard shortcut. For example, this graph from Data For Progress popped up in my Twitter feed a few days ago and my immediate reaction was, “there is no way the text in those light blue bars is accessible.” A quick check at WebAIM, my favorite color contrast checker, confirmed that starting with the fifth bar (Gun control), the white-blue color combination was not accessible under the standard normal text WCAG recommendations. While the data visualization field has for too long focused solely on visual impairments-primarily red-green color vision deficiency or “color blindness”-there is more work and consideration around screen readers, alt text, sonification, and other ways to make data and data visualizations more accessible to broader audiences.įor me, data visualizations that don’t meet basic visual accessibility guidelines-colors that may not be accessible next to each other or insufficient contrast between pairs of colors-have become easier to spot. One of the encouraging trends in the data visualization space right now is the focus on accessibility. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |