1. Open an Accessible Template
Start with one of Venngage’s accessible templates in the upgraded Editor. These templates are designed with contrast and color accessibility in mind.
2. Open the Visual Simulator
There are two ways to open the Visual Simulator:
-
Option 1: Go to the File menu and select Visual Simulator.
-
Option 2: Click the Accessibility button in the top navigation bar, then select Simulator from the panel that appears.
3. Choose a Vision Condition to Simulate
Select one of the options to see how your design appears under different visual conditions:
-
Achromatopsia: Complete color blindness (design appears in grayscale)
-
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
To reset your design view to normal, simply click the same vision condition tile again.
4. Example: Comparing Colors in an Accessible Design
Below is an infographic titled “Flexible Work From Home Jobs” viewed under different visual conditions using the Visual Simulator.
Default view:
The infographic uses navy blue, light blue, seafoam green, and purple text blocks, with colorful icons.
Simulations:
-
Achromatopsia: All colors appear in grayscale.
-
Deuteranopia: Greens appear bluish or purple; reds look gray.
-
Protanopia: Reds and greens shift toward yellow or gray; purples appear blue.
-
Tritanopia: Yellows appear pink; purples look gray; greens turn blue.
-
Cataracts: Overall contrast decreases, making similar colors harder to distinguish.
-
Low vision: Elements appear blurry, reducing readability.
5. Improve Accessibility Further
Add alt text to describe important visuals and text in your design. This ensures users with low vision or screen readers can still understand your content.
Curious about upgrading? Compare our plan features side by side.