header-logo
Learn how to use Wix to build your site and business.
Design and manage your site using intuitive Wix features.
Manage subscriptions, plans and invoices.
Run your business and connect with members.
Learn to purchase, connect or transfer a domain to your site.
Get tools to grow your business and web presence.
Boost your visibility with SEO and marketing tools.
Get advanced features to help you work more efficiently.
Find solutions, learn about known issues or contact us.
placeholder-preview-image
Improve your skills with our courses and tutorials.
Get tips for web design, marketing and more.
Learn to increase organic site traffic from search engines.
Build a custom site using our full-stack platform.
Get matched with a specialist to help you reach your goals.
placeholder-preview-image

Wix Apps: Colorblind Simulator

3 min
In this article
  • Step 1 | Add the Wix Colorblind Simulator to your site
  • Step 2 | Preview your site pages using the Colorblind Simulator
  • FAQs
The Wix Colorblind Simulator is a valuable add-on that empowers you to experience your site's design from the perspective of visitors with different types of color blindness. This tool is a great way to enhance your site's accessibility.  

From the simulator, you can select a page and explore various color blindness experiences to see how the page looks.
A screenshot showing the Colorblind Simulator UI.

Step 1 | Add the Wix Colorblind Simulator to your site

Start by adding the Wix Colorblind Simulator add-on to your site. The simulator is only available in the Wix Studio Editor.  

To add the Wix Colorblind Simulator:

  1. Go to your editor.
  2. Click the Wix Studio icon  at the top left.
  3. Click Tools
  4. Click Editor Add-ons
  5. Click Get Add-ons
  6. Click Colorblind Simulator
  7. Click Add.
A screenshot showing the Wix Studio icon and the option to Get Add-ons.

Step 2 | Preview your site pages using the Colorblind Simulator

Next, preview your site pages using the simulator. This allows you to see what your pages look like to site visitors with various degrees of colorblindness. 

To preview your site pages:

  1. Click Preview in the Colorblind Simulator pop-up on the left. 
  2. Click the Select a page drop-down and select a page to preview. 
  3. Select each of the colorblind options to see how they look. 
A screenshot showing a page in preview using the colorblind simulator.
Tip:
Preview how the page looks on different devices using the breakpoints at the top of the pop-up. 

FAQs

Click a question below to learn more about accessibility.
A screenshot showing the Colorblind Simulator UI.
A screenshot showing the Wix Studio icon and the option to Get Add-ons.
A screenshot showing a page in preview using the colorblind simulator.