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!
This is really great!! 🙂
kewl
We think so too! :)
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 ? :)
@webanymous 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
@webanymous 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.
Let’s try, thanks Accessibility team
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)
Awesome!
love it!
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 :)
Thank you so much for the feedback!
I'll relay your question to the team. :)
@Pocket Rocket we fixed the issue which caused the circles in step 3. Let me know if there is anything else you stumble upon. As for H4, 5, 6 - heading levels define the structure of the content of the page: H1 - what this page is about
H2 - title of each section
H3 - the titles of each subsection
etc.
From the research we did we found that pages with more then 3 hierarchy levels are very rare (home page of nba.com and nytimes.com don't get to h4), so we decided to keep it simple in the wizard, and offer only what you'll probably use.
That being said, you can always define from the component itself any hierarchy level you want.
@nirho Thank you for this clarification! Myself - I've typically used the H1 Header... in the header of the site and then had H2 as the first title of each page... was I incorrect this whole time? Or is and example of what may be SEO friendly but not Accessibility friendly?
I guess the real questions for me is - what is going on in the header? I imagine in the header everything sits under the <head> tag in Wix's hidden html structure. So, when I drag a basic text box (whether it be a H1, H2, H6, or whatever) in the Wix Editor and attach it to the header - does Wix automatically translate that into a <title> tag for me with my desired styles? And this isn't something I should even worry about (in terms of either SEO or Accessibility?).
Love the Accessibility Wizard (works perfectly for me on Step 1 - Step 2 it starts going into a feedback loop where it won't save or publish - the save/preview/publish button just keep flashing a blue line back and forth and then I have to refresh my browser. Every time, I've gone onto Step 2 and on two different sites now). Step 2 aside, it certainly has made me rethink things and for the better as you can see from my response above. I just love this feature. Look forward to seeing it's evolution!
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...
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.
Oh no! Does this happen across all browsers? Let us know, and we'll take a look!
Hi Dan, we didn't manage to reproduce so far, can you please provide more details? which browsers? which website? any detail can help.
@nirho I have provided a Team member video examples and more info via FB. So far it happens with every site I've tried. Using Chrome.
Hello really good, but it gave me a hard time on some issues.
He asks me to choose words for the meaning of the page, but it only gives me options. The options were Communication and nonsense words found on page. I could not find my slogan among the options. I said he wants my H1. I looked at my slogan and fixed that I didn't set it as H1, but it still continued to show that deficiency and it's not add to options. I was also curious about the other steps, so I had to choose something.
Ideas that come to my mind;
For SEO, if the page description section is blank or the same as on another page, it can warn as a suggestion.
If there is the word "copy" in the page domains, if there are meaningless numbers and signs, if not hyphenated, the between words can warn as suggestions.
If the Social Media image is not selected, it can warn as a suggestion.
If there are few words on a page, it can warn as a suggestion.
You've probably thought of these things, you say BETA after all.
I just wanted to convey my thoughts, best regards...
Thank you for sharing your feedback and ideas Izel. :)
@İzel Argül thanks for your feedback! we did some improvements with the headings. might work better for you now, but we are still ironing out some issues. Indeed a BETA :-)
as for your SEO ideas, I'll pass them to the relevant team.
For me is over the top.
Hoping I can use as soon as possible on my custumer website
It’s worth the wait :)
Will try this out !