Beta Opened: Accessibility Wizard!

That’s right! This is a brand new wizard that’s been created by our amazing Accessibility team.

Follow a personalized 3 step guide to make your site accessible to everyone, regardless of ability.
Based on international accessibility standards, the Accessibility Wizard scans your site and detects accessibility issues, which can then be fixed directly within the Wizard, with no need for prior knowledge. For issues that can’t be detected automatically, we provide an easy to follow checklist, which explains exactly what issues to look out for and how to fix them.
The Accessibility Wizard saves you time, improves the quality of your site, and ensures that many more people will be able to use it.

You can access the new wizard by:
-Opening The Editor
-Open " Settings " menu from the top bar of the Editor
-Click on " Accessibility Wizard "

The wizard will will identify:

  • Visual Indicators : This will tell you if the visual indicators toggle is turned off.
  • Alternative Text : This will help you find missing alt text
  • Color Contrast : This helps you find text with insufficient contrast
  • Duplicate heading tags: Checks for duplicate headings in the rendered site
  • Main heading: Helps define the main heading of the page (h1) in cases where there is no (h1), or multiple (h1) on the page
  • Heading Definition: Helps define the correct heading level
  • Page Name : Alerts you when a page lacks a meaningful name
  • More coming soon!

Tell us what you think!

20 Likes

This is really great!! :slightly_smiling_face:

1 Like

kewl

1 Like

Really interesting this feature!
After 15 minutes of testing, in the end, step 1 is the best, because step 2 requires us to do all the work ourselves. (it’s more to control while in step 1, it is wix that does part of the analysis work)
When will part 2 like part 1 ? :slight_smile:

We think so too! :slight_smile:

@bestofdenis great feedback for our team, thank you!

@sheyla
Moreover, what is interesting is the concept of SEO. From my point of view, some of these steps should be integrated in the SEO wix and not in the accessibility tool which is more a tool which allows to check if “visually” the site is adapted and adaptable
Thx
Denis

Let’s try, thanks Accessibility team

1 Like

Some known issues we are working on:

  • Main Heading card - sometimes not saving new value

  • Heading cards are not covering the following cases yet:

  • Headings with more than 1 tag (for example h1 and h2 in the same text box)

  • Headings with links

  • Headings with more than one styling in the same text box

  • Headings in header / footer (shouldn’t be there unless the site is 1 page)

  • Color contrast card:

  • Doesn’t switch slides in slideshow

  • Transparency and Opacity are not calculated correctly

  • Verticals (stores, blog, etc…) are not covered yet

  • Selection box color needs to be updates

  • Alternative text card:

  • Background images are not covered yet

  • Verticals (stores, blog, etc…) are not covered yet

  • Images from DB (corvid) are not covered yet

  • Undo/Redo doesn’t work yet

  • Some issues exist with the on-stage highlight mechanism

  • The Wizard resets when selecting “Preview"

  • some functionality in the “advanced accessibility settings” is still buggy

  • Some UX issue (like auto scroll of the content in the panel)

2 Likes

@bestofdenis the items in step 2 are items that are very hard to programmatically detect , but we are always improving and with time you’ll see some of these tasks automatically detected as well.
BTW - when possible to do the fixing automatically we’ll do it too, thus remove tasks from step 1 as well.

As for SEO and accessibility - accessibility is much more than “visual” adaptivity, it’s also about how the site is perceived, understood, and operated. One of the key concepts is “machine readability” - a machine like a screen reader needs to be able to read the site, hence the requirements for correct heading structure, alternative texts, and more. Since Google’s crawlers are machines too, there is a partial overlap of the requirements for SEO and accessibility.

2 Likes

Awesome!

2 Likes

love it!

2 Likes

@nirho
Hello and thx for your answer ! :slight_smile:

  • From what I understand on step 2:
  • Is that the 200% mode allows you to simulate the vision of an Ipad, right ?
  • Regarding the accessibility declaration, is this mandatory or is it more of a recommendation?

Thank you
Denis

This is a great start a little glitchy when I got to step 3 it seemed to have problems saving. I went round in circles a few times trying to save header tags.

Will we have options for header 4, 5 and 6? I had to change some that were saved as 4 to 3…

On the whole though pretty impressive, especially when you resolve some of your known issues. I tried it out on my own site so I can circle back in a few weeks when all resolved :slight_smile:

2 Likes

Thank you so much for the feedback!

I’ll relay your question to the team. :slight_smile:

I love this. It did not have a single glitch in my experience. Super helpful! Thank you. And then we add a widget on top of this foundation…

3 Likes

Thank you for your feedback!

Awesome, but…
Step 2 > Alt Text, causes the Editor to crash every time. The autosave feature goes on a continuous spin.

1 Like

Oh no! Does this happen across all browsers? Let us know, and we’ll take a look!