
And the orange of the Lib Dems is not much better.
#WEB 2.0 INFOGRAPHIC CREATOR WINDOWS 10#
Useful as the Illustrator Proof Setup tool is, it is also important to check infographics for other, not-so-common forms of colour blindness such as tritanopia (blue-blind colour blindness), or monochromacy (no colour vision).įor example, below is a version of the UK 2017 electoral map with a tritanopia filter across it, as seen in the Color Oracle colour blindness simulator (a free download, which unfortunately does not yet have a working Windows 10 version).Īs can be seen, the constituencies previously indicated by the red of Labour and the darker red of the DUP are now completely indistinguishable from each other. Avoid the following combinations whenever possible: red and green yellow and bright green light blue and pink dark blue and violet.Grey may be confused with magenta, pale pink, pale green, or emerald green.Bluish green is less confusing than yellowish green.Pure red tends to appear dark and muddy orange-red is easier to recognize.If objects are difficult to distinguish in colour-blind proofs, change color brightness or hue:.
Convert the document to RGB color mode, which provides the most accurate soft proofs for color blindness. On its Illustrator accessibility web page Adobe offers the following general guidance for using the Proof Setup tool: Notice that constituencies previously indicated by the orange of the Lib Dems and the red of Labour are now effectively indistinguishable from each other, with the darker red of the DUP being not much better (spoiler alert-there’s worse to come). Now apply a deuteranopia filter, and the graphic will look like the following. Compare the colour differences between the orange of the Lib Dems in Westmorland and Lonsdale in the north west, or North Norfolk, with the dark red of the DUP in Northern Ireland, or the lighter red of Labour across the rest of the UK. Consider, for example, the following (unfiltered) map of the 2017 UK election result. Choosing to simulate protanopia in this case will yield the following result.Īlthough, as we will see shortly, we are not off the hook yet with this graphic, the colour bars are easily distinguishable from each other in this test, as they also would be with the deuteranopia filter. To do so, from the View menu, select Proof Setup and then Color blindness – Protanopia type (for red-blind colour blindness) or Color blindness – Deuteranopia type (for green-blind colour blindness). Colour blindnessįirstly, let’s take a simple bar (column) chart such as the following.Īdobe Illustrator includes tools to check infographics for the two most common forms of colour blindness-protanopia and deuteranopia. The issues are colour blindness colour contrast preserving text as real text setting the reading order of content within infographics and including appropriate alt text. This post addresses the five areas that most commonly go wrong in the creation of accessible infographics for publication in PDFs.