All updates

Feature

Layout & design

Simulate how visually impaired people view your website

A new Vision Preview mode in the canvas settings lets you to simulate color blindness or focus impairments on your site’s design.

Simulate how visually impaired people view your website

As part of our ongoing commitment to ensure designers are creating accessible web experiences, we’ve added a new Vision preview mode to our canvas settings panel that lets you see how your site would appear for a visually impaired person.

Access the Vision preview mode from the canvas settings panel at the top of the Designer.
Access the Vision preview mode from the canvas settings panel at the top of the Designer.

You can access this new display mode from the existing canvas settings panel at the top of the Designer. 

Simulate how your site looks for visually impaired people with the new Vision preview tool in the canvas settings.
Simulate how your site looks for visually impaired people with the new Vision preview tool in the canvas settings.

Our new Vision preview tool allows you to select from red-green color blindness, blue-yellow color blindness, full spectrum color blindness, and focus impairment so you can get an idea of what your design would look like to those experiencing vision impairment.

To learn more about how to use the new vision preview mode, check out our article on Webflow University.

As part of our ongoing commitment to ensure designers are creating accessible web experiences, we’ve added a new Vision preview mode to our canvas settings panel that lets you see how your site would appear for a visually impaired person.

Access the Vision preview mode from the canvas settings panel at the top of the Designer.
Access the Vision preview mode from the canvas settings panel at the top of the Designer.

You can access this new display mode from the existing canvas settings panel at the top of the Designer. 

Simulate how your site looks for visually impaired people with the new Vision preview tool in the canvas settings.
Simulate how your site looks for visually impaired people with the new Vision preview tool in the canvas settings.

Our new Vision preview tool allows you to select from red-green color blindness, blue-yellow color blindness, full spectrum color blindness, and focus impairment so you can get an idea of what your design would look like to those experiencing vision impairment.

To learn more about how to use the new vision preview mode, check out our article on Webflow University.


Launched on
January 27, 2021
Category
Layout & design

Related updates

Sync multiple variable collections and modes from Figma to Webflow

Sync multiple variable collections and modes from Figma to Webflow

Learn more
Truncate long content with text overflow

Truncate long content with text overflow

Learn more
Text Decoration Styles

Text Decoration Styles

Learn more
New variable types: Number and Percentage

New variable types: Number and Percentage

Learn more
Component style variants is now available

Component style variants is now available

Learn more
Manage variables at scale with reordering and bulk actions

Manage variables at scale with reordering and bulk actions

Learn more

Get started for free

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.

Get started — it’s free
Watch demo

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.