Accessibility: Turning the Blue Boxes (Visual Indicators) On and Off

2 min read
Visual indicators are blue rectangles that appear around interactive elements (like buttons or links) when your visitors use a keyboard to navigate through your live site. They allow the visitor to see where their current position is.  

This is how they appear on the live site:
An image of a site with a visual indicator around the menu item named 'Home'.
Visual indicators are an important part of making your site more accessible for people with disabilities and we recommend keeping this feature enabled.  
Visual indicators are automatically enabled on sites built in the Studio Editor, so you only need to follow the steps below if your site is built with the Wix Editor.

To enable or disable visual indicators:

  1. Open your site in the Wix Editor.
  2. Select Settings in the top toolbar.
  3. Select Accessibility Wizard.
  4. Select the More actions icon  on the top section of the Wizard.
  5. Select Advanced accessibility settings.
  6. Select Visual Indicators.
  7.  Click the toggle beside Allow keyboard users to navigate through your site:
    • Enabled: Visitors using a keyboard to navigate your site see a blue rectangle to indicate their location on the page.
    • Disabled: Visitors do not see an indication of their location on the page.
Important:
The focus ring is designed with 2 colors to fit most color combinations on your site; however it will be less visible if you're using a button with white filling over a blue background. 
Next step:
Go back to the Accessibility Checklist to continue improving your site's accessibility. The Accessibility Wizard is not currently available in the Studio Editor

Did this help?

|