My Account     Contact Us     Cart

Creating Colour Blind-Friendly Maps with MAPublisher

Colour plays a fundamental role in cartography, helping convey both quantitative and qualitative information, differentiating features, and guiding users through visual hierarchies. However, for individuals with colour blindness, interpreting maps can be challenging if they are not designed with accessibility in mind. By understanding how colour blindness interacts with cartography, we are able to leverage the tools available in MAPublisher and Adobe Illustrator to create more inclusive, colour blind-friendly maps.

Understanding Colour Blindness

Colour blindness, or colour vision deficiency, affects an estimated 8% of men and 0.5% of women globally. Most colour blind people are affected by congenital red-green colour blindness, which means they have decreased colour discrimination ability on the red-green axis. There are two main types of red-green colour blindness:

  • Protanopia: a lack of red cones, affecting the ability to perceive red light
  • Deuteranopia: a lack of green cones, affecting the ability to perceive green light

These types of colour blindness vary in severity, but both affect the user’s ability to distinguish between red and green hues. Fortunately, Adobe Illustrator offers soft colour proofing features that simulate these conditions, helping us design maps that work for everyone.

Using Colour Proofing in Adobe Illustrator

Adobe Illustrator’s “Proof setup” feature, also known as colour proofing, is a valuable tool for designing colour blind-friendly maps. This feature allows you to simulate how your maps will appear in different viewing conditions, including for people who are affected by red-green colour blindness. Proof setup has options for previewing your artwork in protanopia and deuteranopia modes. 

Enabling colour proofing in Illustrator is very simple:

  • Open your map file in Adobe Illustrator.
  • Navigate to View > Proof Setup > Color Blindness.
    • Here you can select between protanopia-type and deuteranopia-type proofing.
  • Toggle the “Proof Colors” option below “Proof Setup” to switch the simulation on and off as required.

Simulating what colour vision-deficient users see enables you to adjust your maps to ensure they are understandable and effective for all users. These adjustments may take the form of simply changing the colour of particular objects or using other indicators such as labels or varying patterns, textures, and line types to differentiate between features.

Designing Accessible Maps

When designing maps for accessibility, consider these three colour attributes: 

  • Hue, often used interchangeably with colour, refers to the actual colour wavelengths one perceives (problematic for colour blind individuals).
  • Value refers to how dark or light a colour is, with a lower value being closer to black and a higher value being closer to white.
  • Saturation refers to the intensity or purity of a colour, with a higher saturation being very intense and a lower saturation being duller, or closer to grey.

Since hue can be challenging for those with colour blindness, we can leverage value and saturation to help provide better differentiation. Here are a few colour-related tips to consider when creating a map for users with red-green colour blindness:

  • Use orange-red instead of pure red, as it’s easier to identify.
  • Opt for bluish-green over yellowish-green.
  • Keep in mind that grey may be confused with pale or emerald gree, and lighter shades of pink.
  • Avoid using the following combinations to differentiate features wherever possible:
    • red and green
    • yellow and bright green
    • light blue and pink
    • dark blue and violet

The image above makes it easy to envision why it is not advised to use red and green as differentiating colours on a map. However, if we take the darkest red and green of each side and use some of our tips above to adjust them, we can already see an improvement:

Even with the slight adjustments of adding orange to the red and blue to the green, a greater difference can be observed. These can be enhanced even more by changing the value or saturation of the colours as well.

ColorBrewer, created by Cynthia Brewer, is a great resource for selecting colour swatches pre-designed for colour blind users. Here, you can toggle the option to view only colour blind-safe palettes. All of the ColorBrewer swatches are available in MAPublisher through the Swatches panel by selecting Open Swatch Library > MAP Swatches > ColorBrewer.

The image above shows the 9-colour Red Blue ColorBrewer swatch, which is just one of its several options for symbolizing your data in a colour blind-friendly way.

Differentiation Beyond Colour

When colour isn’t enough, here are some other methods you can try to make a map more accessible:

  • Patterns and textures: Utilize different patterns or hatching to distinguish features, even when they are the same colour.
  • Labels and annotations: Clear, legible labels or annotations can ensure that users do not solely rely on colour to understand map features.
  • Alternative formats: Offer grayscale or high-contrast versions of your map where possible.

Practical Example

On the above map, the greens, browns, and yellows representing different land use types might be difficult for someone with red-green colour blindness to discern. We can adjust some of the greens to be more bluish to make them more differentiable from each other and the brown background of the map. I can also use different patterns to tell them apart if necessary. For example, adding a grainy pattern and making the pale yellow colour used here to depict sand a little more orangey helped it stand out more on the map when proofing for colour blindness.

With just a few small changes, the map becomes much easier to read and more accessible to people with colour blindness.

Colour blindness presents unique challenges in cartography. Since our maps often convey essential (and sometimes even vital) information, we must ensure they are clear and accessible to anyone who relies on them. By practicing mindful design and using tools like Proof Setup, these challenges can easily be mitigated to create a map that everyone can understand.

Check out Adobe’s help article on colour proofing for accessibility in Illustrator for more help.






Blog Archive

September 2024 (2)
August 2024 (2)
July 2024 (2)
June 2024 (1)
May 2024 (2)
April 2024 (2)
March 2024 (2)
February 2024 (1)
January 2024 (1)
December 2023 (1)
November 2023 (2)
October 2023 (2)
September 2023 (1)
August 2023 (1)
July 2023 (3)
June 2023 (1)
February 2023 (1)
January 2023 (2)
December 2022 (1)
November 2022 (2)
October 2022 (2)
September 2022 (1)
May 2023 (1)
August 2022 (2)
July 2022 (1)
June 2022 (2)
May 2022 (1)
February 2022 (1)
January 2022 (2)
August 2022 (1)
December 2021 (3)
November 2021 (5)
October 2021 (1)
September 2021 (3)
August 2021 (2)
July 2021 (1)
June 2021 (2)
May 2021 (2)
April 2021 (2)
March 2021 (3)
April 2021 (1)
February 2021 (1)
January 2021 (1)
November 2020 (1)
October 2020 (1)
June 2020 (2)
May 2020 (1)
April 2020 (3)
March 2020 (2)
December 2019 (1)
November 2019 (2)
September 2019 (1)
August 2019 (1)
July 2019 (1)
June 2019 (3)
May 2019 (4)
April 2019 (2)
March 2019 (1)
February 2019 (2)
January 2019 (3)
December 2018 (2)
November 2018 (1)
October 2018 (1)
September 2018 (2)
August 2018 (4)
July 2018 (2)
June 2018 (1)
July 2018 (1)
June 2018 (4)
May 2018 (1)
April 2018 (2)
March 2018 (4)
February 2021 (1)
February 2018 (1)
January 2018 (1)
November 2017 (1)
October 2017 (2)
August 2017 (2)
July 2017 (1)
March 2017 (1)
February 2017 (2)
January 2017 (2)
November 2016 (1)
January 2017 (1)
November 2016 (1)
October 2016 (2)
May 2016 (1)
March 2018 (1)
April 2016 (2)
December 2015 (2)
June 2015 (1)
May 2015 (1)
April 2015 (2)
December 2014 (4)
October 2014 (2)
May 2014 (4)
February 2014 (1)
October 2013 (3)
April 2013 (1)
January 2013 (2)
August 2012 (1)
October 2012 (1)
July 2012 (3)
May 2012 (2)
January 2012 (2)
August 2011 (1)
July 2011 (2)
June 2011 (2)
May 2011 (2)
March 2011 (1)
February 2011 (1)
January 2011 (5)
December 2010 (1)
November 2010 (1)
December 2010 (1)
November 2010 (1)
October 2010 (1)
August 2010 (4)
July 2010 (2)
June 2010 (3)
May 2010 (2)
April 2010 (2)
March 2010 (2)