Accessibility: Using the Accessibility Wizard in the Wix Editor
Identify and fix accessibility issues on your Wix site using the Accessibility Wizard. This is a tool that can help you ensure that every visitor, regardless of ability, can view and navigate your site.There are 2 sections in the Wizard that you are prompted to complete. We recommend following and completing all of the sections to improve and optimize your site's accessibility. Important:
While Wix is always striving to improve our products and services, we cannot guarantee that your site will be compliant with your region's accessibility laws and regulations. We recommend consulting an accessibility expert to ensure that your site is meeting the standards for your region. This article refers to the Accessibility Wizard in the Wix Editor. For information on the Wizard in Studio Editor sites, please follow this link. Have a Multilingual site?The Accessibility Wizard is only currently supported in your site's primary language, and cannot be accessed in secondary languages you add with Wix Multilingual. However, you can use our Checklist to improve your site's accessibility in all languages.Step 1 | Open the Accessibility WizardOpen the Wizard from your Editor settings to begin making your site more accessible for visitors.To open the Accessibility Wizard:
Select Settings at the top of the Wix Editor. Select Accessibility Wizard. Select Scan My Site on the right.Step 2 | Fix detected issuesAfter your site has been scanned, you are presented with a list of detected issues. Select each issue to open the instructions, and make sure that you apply the changes when you have fixed them.Once you're finished, select Continue to Step 2.Select an option below to learn more about the issues that can be detected.Alternative textAlt text is a description of an image. Adding these descriptions allows images to be read by screen readers for visitors with visual impairments.Main headingA main heading is the title of your page. Adding and defining a main heading tells site visitors using screen readers what the page is about.Heading definitionHeadings communicate the hierarchy of your page content. Having clear heading definition allows visitors using screen readers to navigate your site with ease.Note: If a Main Heading card is displayed on a page, you should resolve it before resolving Heading Definition cards on that page. Resolving a Main Heading automatically resolves one of the Heading Definition cards, so you don't have to do it again.Duplicate heading tagsDuplicate heading tags can occur when there is a line break in a heading. This means that it cannot be read correctly by screen readers. Removing duplicate tags ensures that the heading is clear for your visitors.Color contrastColor contrast is a measure of the difference in perceived brightness between two colors. Having a contrast of 4.5 and higher means that your site content is easy to see and read.Important:You need to resolve all of the detected issues to progress to the next step in the Wizard. Step 3 | Find and fix issuesNext, the Find and Fix Issues step highlights more settings on your site that may need to be adjusted for accessibility. This section is not automatic, and the components need to be manually adjusted.Important:You need to manually mark each option as done in order to finish this step. Select an option below to learn more about the settings you can adjust in this step.Link textText or elements that link to other pages, sections, or websites should be as descriptive as possible. For example, 'Read More About our Latest Research' is clearer than 'Read more'. They should also be clear if they lead to an action.Text in imagesText in images (such as photos of signs or slogans) cannot be read by screenreaders. Replace these images where possible, or include the text in the image's description.Using colorInformation conveyed by color should also have separate indicators, such as patterns, font style, and icons. For example, linked text should be underlined, and graphs should also display data with different patterns or textures.Zoomed contentThe content on your site should still be visible if the browser is zoomed. This is to ensure that users who are visually impaired can view your site in close-up detail. You can check this by previewing your site, and changing your browser's zoom to 200%.Accessibility statementWeb accessibility is a legal requirement in several countries. Adding an accessibility statement  demonstrates your commitment to providing a website that can be enjoyed by all visitors. What's next?
Open the Accessibility Monitor to check your live site's accessibility from your dashboard. Use the advanced settings in the Wizard to keep improving your site's accessibility. Learn more about the Wizard's advanced settings