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:
-
Achromatopsia: Complete color blindness
-
Deuteranopia: Difficulty detecting greens
-
Protanopia: Difficulty detecting reds
-
Tritanopia: Difficulty detecting blues and yellows
-
Cataracts: Cloudy vision that reduces contrast
-
Low vision: Blurry and decreased vision
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):
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.
Curious about upgrading? Compare our plan features side by side.