Support Centre

Simulating color blindness for more accessible designs

Gino B.
Gino B.
  • Updated
Available on the following Venngage subscription plans: Premium, Business and Enterprise.

 

Accessible design takes into account any visual impairments viewers might have. Test your design in our upgraded Editor for accessibility using our Visual Simulator to see how your design appears to viewers with different vision conditions.

Select an accessible template to customize in the upgraded Editor (Beta).

Open the Visual Simulator from the File menu: 

 

Select "Simulator" in the Accessibility panel to open the tool, when opening the panel from the Accessibility button in the top navigation menu in the upgraded Editor (Beta).

 

Select the color blindness or visual impairment you want to simulate:

Reset your image to default by selecting the color blindness or visual impairment tile again.

Case Study: Compare color in this accessible design

Here's a blueprint of an infographic from an accessible design template as it appears with default coloring in the upgraded Editor (Beta):

A blueprint-view of an infographic entitled 'Flexible Work From Home Jobs'. The main blocks of text in the infographic are navy blue, light blue, seafoam green, and purple. The icons in the infographic have many different colors.

Below are different simulations of how it appears to color blind or visually impaired readers, using Venngage's Visual Simulator.

Achromatopsia: Complete color blindness

Full color designs will appear in greyscale to simulate complete color blindness.

 

Deuteranopia: Difficulty detecting greens

Greens take on a purple or blueish hue; reds may appear grey.

 

Protanopia: Difficulty detecting reds

Purples, violets and pinks may appear blue; greens, reds and oranges can take on a yellow or green/grey hue.

 

Tritanopia: Difficulty detecting blues and yellows

Yellows may appear pink; purples take on a grey appearance; greens appear blue, where blues may take on more of an acqua hue.

 

Cataracts: Cloudy vision that reduces contrast

Contrast decreases, making it hard to distinguish like colors and adding difficulty to distinguishing light-colored text on a light background.

 

Low vision: Blurry and decreased vision

Low vision creates a similar effect to zooming in close on a low-resolution image; text and other visual elements become blurry, making them hard to distinguish or read.

Providing adequate alt text to describe crucial visual elements and text helps make documents more accessible for readers with low vision or visual impairment.

 

 

The feature(s) discussed in this article is available on the following Venngage subscription plans: Free, Premium, Business and Enterprise.

Curious about upgrading? Compare our plan features side by side.

Start designing!

Was this article helpful?

0 out of 0 found this helpful

Have more questions? Submit a request