Most web accessibility regulations are based on the international specifications outlined in the Web Content Accessibility Guidelines (WCAG). However, they may differ between regions and we therefore ...

Accessibility: Compliance with Your Regional Laws

Ensure your Wix site meets web accessibility standards by understanding local regulations based on the Web Content Accessibility Guidelines (WCAG). While Wix provides essential backend features for accessibility, you can enhance your site further using our Accessibility checklist. Remember, compliance is your responsibility, and it's advisable to have your site audited by a local Accessibility Consultant to confirm adherence to legal requirements. Reach out for support or feedback on accessibility tools.

<div data-component-type="text"><div>Most web accessibility regulations are based on the international specifications outlined in the <a data-composite="true" href="https://www.w3.org/TR/WCAG22/" target="">Web Content Accessibility Guidelines (WCAG)</a>. However, they may differ between regions and we therefore advise checking the requirements for your area. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="compliance-and-your-wix-site" level="3">Compliance and your Wix site</h2></div><div data-component-type="text"><div>When you build a site with Wix, we take care of some backend accessibility features / configurations, including: </div></div><div data-component-type="text"><ul>
  <li>Keyboard operability</li>  <li>Defining ARIA attributes for Wix elements</li>  <li>Focus indicators</li>  <li>'Skip to main content' links</li></ul></div><div data-component-type="text"><div>Our <a data-composite="true" href="https://support.wix.com/en/article/accessibility-checklist-for-improving-your-sites-accessibility" target="">Accessibility checklist</a> outlines how you can make further adjustments and increase the accessibility of content and elements you add. As local laws can vary, the steps in this checklist are universal - so they cover the basics for most regions.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important</div><div class="info-content"><div>While we are always working to update and improve our products, we cannot guarantee that the use of our services is compliant with the accessibility laws and regulations of all regions.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="accessibility-audits" level="3">Accessibility audits</h2></div><div data-component-type="text"><div>Compliance is a legal matter. Therefore, once you’ve completed the checklist, you’ll need to have your site audited by a local, legal Accessibility Consultant.</div></div><div data-component-type="text"><div>Audits either legally confirm compliance success, or provide you with the remaining required steps for your region.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important:</div><div class="info-content"><div>As the site owner, you are responsible for reviewing and complying with local legislation applicable to you or your site visitors.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Have questions or feedback?</div><div class="info-content"><div>If you need help with completing any additional steps required in your area, or if you'd like to share feedback or request other accessibility tools, you can <a data-composite="true" href="http://www.wix.com/contact" target="_blank">contact us</a>.</div></div></div></div>

Wix offers templates with built-in accessibility features, so visitors with disabilities or impairments are able to get the most out of your site. These templates are a great way to begin building a s...

Accessibility: Templates With Accessibility Features

Discover how to create an inclusive website using Wix's accessibility templates, designed with built-in features to support visitors with disabilities. These templates provide essential elements like accessible heading structures and color contrast, making it easier for all users to navigate your site. After customizing your template, follow our checklist to further enhance accessibility and ensure compliance with local regulations.

<div data-component-type="text"><div>Wix offers templates with built-in accessibility features, so visitors with disabilities or impairments are able to get the most out of your site. These templates are a great way to begin building a site that is accessible to all visitors, regardless of ability.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/09/07/85e6bf05-c707-40a6-bd37-933da0447387/d4911e23-e097-4aef-8b52-714a080b173e.png" alt="A screenshot of the accessible templates available from Wix." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="accessibility-templates" level="3">Accessibility templates</h2></div><div data-component-type="text"><div>Accessible templates have basic built-in accessibility features, such as an accessible heading structures and site color contrast. The features offered vary depending on the style of site template you choose. <a data-composite="true" href="https://www.wix.com/website/templates/html/accessible" target="">View, preview, and edit accessible templates</a></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important:</div><div class="info-content"><div>Some advanced accessibility features, such as custom ARIA labels and alt text, are not included in these templates and need to be added manually.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="continue-optimizing-your-site-for-accessibility" level="3">Continue optimizing your site for accessibility</h2></div><div data-component-type="text"><div>After adding and editing your site template, we recommend going through our <a href="https://support.wix.com/en/article/accessibility-checklist-for-improving-your-sites-accessibility#accessibility-checklist" target="_blank">checklist</a> to ensure your site has utilized all of the accessibility features that we offer. </div></div><div data-component-type="text"><div>Further steps include:</div><div><br /></div><ul>
  <li><a href="https://support.wix.com/en/article/accessibility-preparing-your-site-structure" target="_blank">Preparing your site's structure</a></li>  <li><a href="https://support.wix.com/en/article/accessibility-reducing-motion" target="_blank">Reducing motion</a></li>  <li><a href="https://support.wix.com/en/article/accessibility-adding-an-accessibility-statement-to-your-site" target="_blank">Adding an accessibility statement</a></li>  <li><a href="https://support.wix.com/en/article/accessibility-preparing-your-images-and-galleries" target="_blank">Preparing images and galleries</a> </li>  <li><a href="https://support.wix.com/en/article/accessibility-preparing-your-text-and-graphics" target="_blank">Preparing text and graphics</a></li></ul></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important:</div><div class="info-content"><div>While we are continuously striving to ensure that everyone, regardless of ability, can use our products and services, we cannot guarantee that your site will be compliant with your local accessibility laws and regulations.</div><div><br /></div><div>We recommend going through our accessibility checklist, and consulting an accessibility expert to ensure that your site meets the criteria outlined in your region's accessibility regulations.</div></div></div></div>

In order for assistive technologies to interpret your site correctly, we recommend setting up your site's language / languages, and managing them as needed.Where does Wix get its information?
  We mak...

Accessibility: Setting and Managing Your Site's Language

Set up and manage your site's language to enhance accessibility for visitors using assistive technologies like screen readers. This article guides you on how to check and adjust the main language of your site, ensuring accurate content rendering and pronunciation. You'll learn about the importance of correct language settings and how to handle languages on both single-language and multilingual sites, ultimately improving the user experience for all visitors.

<div data-component-type="text"><div>In order for assistive technologies to interpret your site correctly, we recommend setting up your site's language / languages, and managing them as needed.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Where does Wix get its information?</div><div class="info-content"><ul>
  <li>We make recommendations as per the <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">Web Content Accessibility Guidelines (WCAG) document</a>, which has been developed by the <a data-composite="true" href="https://www.w3.org/" target="_blank">World Wide Web Consortium (W3C)</a>. </li>  <li>This article is based on the <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/language-of-page" target="_blank">Language of Page success criterion (3.1.1)</a>.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="site-language-and-accessibility" level="3">Site language and accessibility</h2></div><div data-component-type="text"><div>Some site visitors use assistive technologies and settings (such as screen readers and live captions) while browsing the internet. Setting the site's main language provides these technologies with information they need to accurately render the content. </div></div><div data-component-type="text"><div>The language you set:</div></div><div data-component-type="text"><ul>
  <li>Indicates the script / characters used in text</li>  <li>Determines how text content should be read aloud (i.e., the pronunciation, accent, pitch, and speaking rate)</li>  <li>Tells the device / browser what language generated captions should be in </li></ul></div><div data-component-type="text"><div>If the site language is incorrect, it can cause issues for visitors using these technologies (e.g., screen readers may use different accents, or pronounce things incorrectly). It is therefore important to set and manage site languages correctly to provide the most accurate experience for visitors.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="checking-and-setting-the-language-of-a-single-language-site" level="3">Checking and setting the language of a single-language site</h2></div><div data-component-type="text"><div>If you have a single-language site, you can check the language from the site's dashboard and change it if needed. </div></div><div data-component-type="heading"><h2 id="" level="4">To check / set the site's language:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://www.wix.com/my-account/site-selector/?buttonText=Manage%20Settings&amp;title=Select%20a%20Site&amp;autoSelectOnSingleSite=true&amp;actionUrl=https://www.wix.com/dashboard/{{metaSiteId}}/manage-website" target="_blank">Go to Settings</a> in the site's dashboard.</li>  <li>Click <strong>Language &amp; Region</strong>.</li>  <li>Click the <strong>Site language</strong> drop-down menu and set the language of your site. </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/10/08/99395f49-2d43-42ef-94be-133521c70c58/91dfc908-6141-4db2-a680-b9260243b9da.jpg" alt="The language and region tab of a site. The site language menu has been opened, and the cursor is clicking English." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-a-sites-language-in-the-accessibility-wizard" level="3">Changing a site's language in the Accessibility Wizard</h2></div><div data-component-type="text"><div>You may be prompted to change the language of a single-language site in your site builder's Accessibility Wizard. Even if you have previously set the language, you can still use the task in the wizard to check and update it. </div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Wix-Editor" class="tab-heading heading-0">Wix Editor</div><div data-slug="Studio-Editor" class="tab-heading heading-1">Studio Editor</div><div data-slug="Wix-Harmony-Editor" class="tab-heading heading-2">Wix Harmony Editor</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click <strong>Settings </strong>at the top and select <strong>Accessibility Wizard</strong>. </li>  <li>Click <strong>Scan Site</strong> in the wizard on the right.</li>  <li>Select the <strong>Detected issues</strong> tab.</li>  <li>Open the <strong>Site level</strong> drop-down.</li>  <li>Click <strong>Set main site language</strong>.</li>  <li>Click <strong>Edit</strong> beside <strong>Main site language</strong>.</li>  <li>Select the relevant language from the drop-down menu.</li>  <li>Click <strong>Apply</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2025/03/21/0688ecea-df8c-43b7-b556-a73940b08269/73243628-728f-425f-abf1-9eb468b68074.jpg" alt="The site language setting of a single language site in the Wizard in the Wix Editor. English has been selected." /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click <strong>Site Checker</strong> <img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXemmwNHvNgFnJm8W_kxBSKj8aBd0JWqS5jPGbDBFniNkCcKFyRA4DuJxGX2w5q7xpAu9btr_Nwvr_qc4NPRmf_fmojZ03sC6QLaQF9p_5OHQFi5xvgPaZiVRJw5HMrBTOeyoX3rnTD_PGSF9kGhWZYDijdL?key=k_2EM6zsnpqJcxQF7aCXIg" /><strong> </strong>on the left side of your editor.</li>  <li>Select <strong>Fix Accessibility Issues</strong>. </li>  <li>Click <strong>Scan Site</strong>. </li>  <li>Select the <strong>Detected issues</strong> tab.</li>  <li>Open the <strong>Site level</strong> drop-down.</li>  <li>Click <strong>Set main site language</strong>.</li>  <li>Click <strong>Edit</strong> beside <strong>Main site language</strong>.</li>  <li>Select the relevant language from the drop-down menu.</li>  <li>Click <strong>Apply</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2025/03/21/5b486f80-0afb-49fa-aebc-79e162470db5/b1449de8-fa0d-4612-9cde-34a5cb99413b.jpg" alt="The site language setting of a single language site in the Wizard in the Studio Editor. English has been selected." /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click your site’s name at the top left of the editor.</li>  <li>Scroll down to <strong>Accessibility</strong> and click <strong>Fix Issues</strong>.</li>  <li>Click <strong>Scan Site</strong>.</li>  <li>Open the <strong>Site level</strong> drop-down.</li>  <li>Click <strong>Edit</strong> beside <strong>Original language</strong>.</li>  <li>Select the relevant language from the drop-down.</li>  <li>Click <strong>Apply</strong>.</li></ol></div></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="working-with-languages-on-a-multilingual-site" level="3">Working with languages on a Multilingual site</h2></div><div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/en/article/wix-multilingual-an-overview" target="">Multilingual sites</a> generally contain language menus that allow visitors to switch between languages. The flag icons in these menus are automatically assigned alt text that reflects the corresponding language.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/10/08/658394b5-1087-472b-bf91-c33f9616fe5b/abbee5da-70fa-467a-b9c7-69e9267ad8fe.png" alt="A language menu on a multilingual site. An excerpt of the console is displayed, showing English as the alt text." /></div></div><div data-component-type="text"><div>As screen readers read both regular and <a data-composite="true" href="https://support.wix.com/en/article/accessibility-preparing-your-images-and-galleries" target="">alt text</a>, menus containing text and icons may cause the screen reader to repeat the language name. We therefore suggest setting the menu to show only the text or icon in your site's editor.</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Wix-Editor-0" class="tab-heading heading-0">Wix Editor</div><div data-slug="Studio-Editor-1" class="tab-heading heading-1">Studio Editor</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Select the language menu.</li>  <li>Click the <strong>Layout</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2018/06/20/4fa6a5d1-d55f-4b0c-bd9f-24697271fc81.png" />.</li>  <li>Choose what you want to display on the menu:
    <ul>
      <li><strong>Flags:</strong> 
        <ol>
          <li>Enable the <strong>Show flags</strong> toggle.</li>          <li>Select <strong>Flags only</strong> under <strong>Display</strong>.</li>        </ol>      </li>      <li><strong>Language name: </strong>
        <ol>
          <li>Disable the <strong>Show flags</strong> toggle.</li>          <li>Choose either <strong>Full name</strong> or <strong>Abbreviated</strong> under <strong>Display</strong>.</li>        </ol>      </li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/10/22/fe978d8f-9e8c-40cc-8bf0-4f96058b7f8e/f606f948-ab8e-459d-bed6-cf98566560f5.jpg" alt="The menu layout panel of a language menu in Wix Editor. The cursor is clicking the Flags only option." /></div></div><div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/en/article/wix-multilingual-customizing-the-wix-multilingual-language-menu-on-your-site?tabs=Wix-Editor-0" target="">Learn more about changing the layout of a language menu</a></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Select the language menu.</li>  <li>Click the <strong>Layout</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/07/22/cd35cb5a-d719-4418-8c89-ad0b33312491/bad0640a-6114-4280-972d-1a705ccb03b5.png" />.</li>  <li>Choose what you want to display on the menu:
    <ul>
      <li><strong>Flags:</strong> 
        <ol>
          <li>Enable the <strong>Show flags</strong> toggle.</li>          <li>Select <strong>Flags only</strong> under <strong>Display</strong>. </li>        </ol>      </li>      <li><strong>Language name: </strong>
        <ol>
          <li>Disable the <strong>Show flags</strong> toggle.</li>          <li>Choose either <strong>Full name</strong> or <strong>Abbreviated</strong> under <strong>Display</strong>.</li>        </ol>      </li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/10/08/56175416-6dff-498b-8b2c-15c814c1bc2b/a4fe698b-f126-4331-b24d-4f62a1071858.jpg" alt="The menu layout panel of a language menu in the Studio Editor. The cursor is clicking the Full name option." /></div></div><div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/en/article/wix-multilingual-customizing-the-wix-multilingual-language-menu-on-your-site?tabs=Wix-Editor-0" target="">Learn more about changing the layout of a language menu</a></div></div></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Next step:</div><div class="info-content"><div>Go back to the <a href="https://support.wix.com/en/article/accessibility-checklist-for-improving-your-sites-accessibility">Accessibility Checklist</a> to continue improving your site for accessibility.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">I manually added different languages to the site. What should I set as the main language?</h4><div class="collapsible-content"><div>If your site contains content in multiple languages and does <strong>not</strong> have Wix Multilingual, you should set the main language as the one you use most.</div><div><br /></div><div>If the languages are in equal use across the site, we recommend selecting the language used when you initially created the site.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I change the site's main language if I have Multilingual?</h4><div class="collapsible-content"><div>If you have added Wix Multilingual to your site, the main language chosen <a data-composite="true" href="https://support.wix.com/en/article/wix-multilingual-adding-and-setting-up-wix-multilingual" target="">during set-up</a> cannot be changed. <a data-composite="true" href="https://support.wix.com/en/article/wix-multilingual-request-choosing-the-default-language-for-site-visitors-8711193" target="">Vote for this feature</a>.</div></div></div></div>

Identify and fix accessibility issues on a Wix site with the Accessibility Wizard. This tool scans the site, and displays 2 tabs that you are prompted to complete: 
  Detected issues: Issues that the ...

Accessibility: Using the Accessibility Wizard

Discover how to identify and fix accessibility issues on your Wix site using the Accessibility Wizard. This tool scans your site and provides insights on detected issues and manual tasks to enhance accessibility for all users. By completing the recommended tasks, you can ensure a more inclusive experience. While Wix aims to improve accessibility features, consulting an expert is advised to meet local compliance standards.

Your site's hierarchy (its structure) helps web browsers and screen readers understand how the site content should be organized. You can add HTML tags to site text to indicate its place in the site's ...

Accessibility: Preparing Your Site Structure

Learn how to enhance your site's structure by adding HTML tags to your text, making it easier for web browsers and screen readers to navigate. This article provides guidelines for using headings effectively, ensuring a logical flow for visitors, especially those with visual impairments. By following these recommendations, you can improve your site's accessibility and SEO, creating a better experience for all users.

<div data-component-type="text"><div>Your site's hierarchy (its structure) helps web browsers and screen readers understand how the site content should be organized. You can add <a data-composite="true" href="https://support.wix.com/en/article/managing-your-pages-heading-tags" target="">HTML tags</a> to site text to indicate its place in the site's order and provide a clear experience for visitors. </div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Good to know:</div><div class="info-content"><div>Webpage content is &quot;read&quot; by the DOM order of your site pages. You can check this order and adjust it if needed. <a data-composite="true" href="https://support.wix.com/en/article/accessibility-checking-and-adjusting-a-sites-dom-order" target="_blank">Learn more about organizing your site's order</a>.</div>  </div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="recommendations-for-preparing-text" level="3">Recommendations for preparing text</h2></div><div data-component-type="text"><div>We recommend keeping the following guidelines in mind when preparing site text:</div></div><div data-component-type="text"><ul>
  <li><strong>Use HTML tags for your text: </strong>Every page should have an H1 heading, and following that, the HTML tags on each page should be sequential. For example, if the main heading on the page is an H1 tag, the subtitle should be H2, and so on. This is so visitors with visual impairments can toggle through your content in a logical order.</li>  <li><strong>The headings should be descriptive</strong>: Think of the headings as labels for the text below (this is also important for SEO). </li>  <li><strong>Spacing is important: </strong>While editing your text, if you want to break a heading into multiple lines, use the <strong>Shift + Enter</strong> keys to insert a line break, instead of <strong>Enter </strong>which creates a new heading element on each line. </li>  <li><strong>Add headings to the page body:</strong> H1s added to a site header will appear on all pages where the header is displayed. We therefore recommend adding headings to the page body instead. <br />
<strong>Tip: </strong>If you have a one-page site with no additional pages, you can ignore this recommendation.</li></ul></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-html-tags-to-text-from-your-editor" level="3">Adding HTML tags to text from your editor</h2></div><div data-component-type="text"><div>Add HTML tags to site text to define its hierarchy. If you're building a site with the Wix Editor, you can select the tag from the text settings. If you're working with the Studio Editor, you can find it in the Inspector panel. The option is also available in the design options of text in Wix Harmony Editor.</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Wix-Editor" class="tab-heading heading-0">Wix Editor</div><div data-slug="Studio-Editor" class="tab-heading heading-1">Studio Editor</div><div data-slug="Wix-Harmony-Editor" class="tab-heading heading-2">Wix Harmony Editor</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <li>Select the relevant text in your editor.</li>  <li>Select <strong>Edit Text</strong>.</li>  <li>Select <strong>SEO &amp; Accessibility</strong>.</li>  <li>Choose an HTML tag from the drop-down menu. </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/07/38c0f86e-2441-4dbf-ba6b-6ed3a63f3ec6/b58c3202-ed38-4667-9424-d99e0570b6d6.jpg" alt="The design tab of the text settings panel is open. The cursor is clicking the HTML tag drop-down menu." /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li>Select the relevant text in your editor.</li>  <li>Click the <strong>Open Inspector</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/2dd40586-1f79-4376-aee0-387212a246bb/dfed4075-2e24-4ad8-a7c4-8857038d5f16.png" /> at the top right of the editor. <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/11/14/dd81bf04-8e02-4bcb-a60d-53420e223ab8/312b0d94-771d-4beb-80b2-93da462fe8cf.png" alt="A cropped view showing the cursor clicking to open the Inspector panel in the Studio Editor." /></li>  <li>Click the <strong>Design</strong> tab <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/01/15/89d6f135-f1be-4ecf-ad3c-c472a012387f/3f8a4045-d91e-4fd7-afcf-0fec7041d10f.png" />.</li>  <li>Choose an HTML tag from the drop-down menu. </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/07/37324b05-3e43-4ff6-8c7a-4f3fa5be9df0/9dcfbe15-8a57-464f-adaa-f95cba9355b7.jpg" alt="The design tab of the inspector panel is open. The cursor is clicking the HTML tag drop-down menu." /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Select the relevant text element. </li>  <li>Click the <strong>All design options</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/08/feb7aa40-8c59-435a-9b2b-11fe0c816464/0b77a35e-45a0-40bb-b2b4-89aef75f5ceb.png" /> on the action bar.</li>  <li>Click <strong>SEO &amp; Accessibility</strong>.</li>  <li>Select a HTML tag from the drop-down.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2026/02/10/c2277067-9dd5-4693-81eb-95a5acfde503/93a3b296-5c7c-4b6f-93dd-93f17f732080.png" alt="The design options panel is open for text in the Harmony Editor. The cursor is clicking the HTML tag drop-down." /></div></div></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-html-tags-to-text-from-the-accessibility-wizard" level="3">Adding HTML tags to text from the Accessibility Wizard</h2></div><div data-component-type="text"><div>Scan a site with the Accessibility Wizard to find and adjust tags on your text elements. The wizard is available in all of our site builders, so you can improve the accessibility of any site you're working on.</div></div><div data-component-type="text"><div>With most text, you can make changes within the wizard itself. However, some text elements (e.g. app text) are not currently fully integrated with the wizard, and may need to be manually adjusted.</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Wix-Editor-0" class="tab-heading heading-0">Wix Editor</div><div data-slug="Studio-Editor-1" class="tab-heading heading-1">Studio Editor</div><div data-slug="Wix-Harmony-Editor-2" class="tab-heading heading-2">Wix Harmony Editor</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click <strong>Settings </strong>at the top.</li>  <li>Select <strong>Accessibility Wizard</strong>.</li>  <li>Select <strong>Scan Site</strong>.</li>  <li>Click the <strong>Detected issues</strong> tab.</li>  <li>Select the relevant page.</li>  <li>Click <strong>Organize heading structure</strong>.</li>  <li>Select the relevant text element.</li>  <li>Depending on whether the text is supported in the wizard, follow one of the below methods: </li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Choose the tag in the wizard </h4><div class="collapsible-content"><div>Quickly change the text's tag from the Accessibility Wizard:</div><ol>
  <li>Click the <strong>Heading tag</strong> drop-down. </li>  <li>Select the relevant tag from the drop-down.</li>  <li>Click <strong>Apply</strong>.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Manually adjust the tag</h4><div class="collapsible-content"><div>If the text is not supported in the Accessibility Wizard, you can manually organize its structure from the Settings panel in your editor:</div><ol>
  <li>Click the text element in your editor.</li>  <li>Click the <strong>Settings</strong> icon <img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeiaikwc2ET8xMVO6RMGJbo5rgoSe2UByR7ecqRL1OEWUe1bWE1r2hpylmFEX1ivDNoPv0A78_yb6oo_ahppvM0QZF8ahKqb9q3rtedNLd2eCENyjQjt6qhUSLQshI_PtXAEPzmw2u6YIE6UGVA7CtdrZs?key=dRllTO6NEoYu0-D1JuBE8A" />.</li>  <li>Go to <strong>SEO &amp; accessibility</strong>.</li>  <li>Click the <strong>Change heading tag</strong> drop-down and select the new tag.</li>  <li>Save the site.</li>  <li>Click <strong>Scan Again</strong> in the Accessibility Wizard to see the reflected changes.</li></ol></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2025/06/03/f2fa2094-ee0d-4619-8cf2-5c301e2df718/7c39a67b-b080-4615-b25d-f6ec97418db7.jpg" alt="A new heading tag has been selected for a text element. The cursor is clicking Apply." /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li>Click <strong>Site Checker</strong> <img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXemmwNHvNgFnJm8W_kxBSKj8aBd0JWqS5jPGbDBFniNkCcKFyRA4DuJxGX2w5q7xpAu9btr_Nwvr_qc4NPRmf_fmojZ03sC6QLaQF9p_5OHQFi5xvgPaZiVRJw5HMrBTOeyoX3rnTD_PGSF9kGhWZYDijdL?key=k_2EM6zsnpqJcxQF7aCXIg" /><strong> </strong>on the left side of your editor.</li>  <li>Select <strong>Fix</strong> <strong>Accessibility Issues.</strong></li>  <li>Click <strong>Scan Site</strong>.</li>  <li>Click the <strong>Detected issues</strong> tab.</li>  <li>Select the relevant page.</li>  <li>Click <strong>Organize heading structure</strong>.</li>  <li>Select the relevant text element.</li>  <li>Depending on whether the text is supported in the wizard, follow one of the below methods: </li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Choose the tag in the wizard</h4><div class="collapsible-content"><div>Quickly change the text's tag from the Accessibility Wizard:</div><ol>
  <li>Click the <strong>Heading tag</strong> drop-down. </li>  <li>Select the relevant tag from the drop-down.</li>  <li>Click <strong>Apply</strong>.</li></ol><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2025/05/14/e1bda61c-dd11-44c9-948e-72311ce65f6f/d70ebf2f-faa6-4e7b-9946-b2db08d80980.png" alt="A tag has been selected for a text element in the Wizard. The cursor is clicking Apply." /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Manually adjust the tag</h4><div class="collapsible-content"><div>If the text element is not supported in the Accessibility Wizard, organize its structure in your editor. Depending on the element, you may be able to change this option from the Inspector panel, or in the element's settings:</div><ul>
  <li><strong>Inspector panel:</strong>
    <ol>
      <li>Click the text.</li>      <li>Click the <strong>Open Inspector</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/2dd40586-1f79-4376-aee0-387212a246bb/dfed4075-2e24-4ad8-a7c4-8857038d5f16.png" /> at the top right of the editor. <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2025/04/30/f8aec80d-8cb5-4a27-b08a-b5cd0a433670/8dc420cf-7486-42bb-b9bb-962eac7046b5.png" alt="The Open Inspector icon is highlighted and being clicked by the cursor." /></li>      <li>Go to <strong>HTML tag settings</strong>.</li>      <li>Click the <strong>HTML tag </strong>drop-down and select the new tag.</li>      <li>Save the site.</li>      <li>Click <strong>Scan Again</strong> in the Accessibility Wizard to see the reflected changes.</li>    </ol>  </li>  <li><strong>Settings panel:</strong>
    <ol>
      <li>Click the text element.</li>      <li>Click <strong>Settings</strong> (or the <strong>Settings</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2022/06/14/6e4cf309-27f4-4f22-adf4-8a087130bbda/7e5f593f-189e-49db-b4a6-b3fb6169a778.png" /> ).</li>      <li>Go to <strong>SEO &amp; accessibility</strong>.</li>      <li>Click the <strong>Change heading tag</strong> drop-down and select the new tag.</li>      <li>Save the site.</li>      <li>Click <strong>Scan Again</strong> in the Accessibility Wizard to see the reflected changes.</li>    </ol>  </li></ul></div></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click your site’s name at the top left of the editor.</li>  <li>Scroll down to Accessibility and click <strong>Fix Issues</strong>.</li>  <li>Click <strong>Scan Site</strong>.</li>  <li>Click the page you want to work on.</li>  <li>Click <strong>Organize heading structure</strong>.</li>  <li>Click the <strong>Edit</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2025/11/13/b23a64a4-9948-4313-994b-78f2420a3d8b/2461bd2e-7503-4e85-8be6-e44480e24e4f.png" /><strong> </strong>next to the relevant text element.</li>  <li>Depending on whether the text is supported in the wizard, follow one of the below methods: </li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Choose the tag in the wizard</h4><div class="collapsible-content"><div>Quickly change the text's tag from the Accessibility Wizard:</div><ol>
  <li>Click the <strong>Select a heading</strong> drop-down. </li>  <li>Select the relevant tag from the drop-down.</li>  <li>Click <strong>Apply</strong>.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Manually adjust the tag</h4><div class="collapsible-content"><div>If the text is not supported in the Accessibility Wizard, manually organize its structure from your editor. For most text elements, you can change the heading tag from the design options. For text elements that are part of apps (Wix Stores, Wix Forms etc.), you may be able to change the tag from the settings:</div><ul>
  <li><strong>Regular text:</strong>
    <ol>
      <li>Click the text element in your editor.</li>      <li>Click the <strong>All design options</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/08/feb7aa40-8c59-435a-9b2b-11fe0c816464/0b77a35e-45a0-40bb-b2b4-89aef75f5ceb.png" alt="undefined" /> on the action bar.</li>      <li>Click <strong>SEO &amp; Accessibility</strong>.</li>      <li>Select a HTML tag from the drop-down.</li>      <li>Click <strong>Apply</strong>.</li>      <li>Click <strong>Scan Again</strong> in the Accessibility Wizard to see the reflected changes.</li>    </ol>  </li>  <li><strong>App text:</strong>
    <ol>
      <li>Click the app widget in your editor.</li>      <li>Click the <strong>Settings</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/09/21/e59ca9ff-f6d2-4300-aa36-6e4be4c3705a/f976a779-4e8a-4176-af07-d0a1d26cb68a.png" /> on the action bar.</li>      <li>Click the <strong>Design</strong> tab.</li>      <li>Select the relevant text element.</li>      <li>Click <strong>SEO &amp; Accessibility</strong>.</li>      <li>Select a HTML tag from the drop-down.</li>      <li>Click <strong>Apply</strong>.</li>      <li>Click <strong>Scan Again</strong> in the Accessibility Wizard to see the reflected changes.</li>    </ol>  </li></ul></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2026/02/10/b7c6fca3-3be7-41a2-a36b-7bc735c6e0a6/23107340-f843-4650-b667-6e0bdfd3f5ef.png" alt="The structure settings are open for a page in the wizard. A HTML tag has been selected, and the cursor is clicking Apply." /></div></div></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Next step:</div><div class="info-content"><div>Go back to the <a href="https://support.wix.com/en/article/accessibility-checklist-for-improving-your-sites-accessibility">Accessibility Checklist</a> to continue improving your site for accessibility.</div></div></div></div>

Site navigation is the way visitors move through the site's pages and content. A site should have multiple, consistent navigation methods, as this can make it accessible to a wider audience. For examp...

Accessibility: Site Navigation

Enhance your site's accessibility by learning how to implement effective navigation methods using site menus and Site Search in Wix. This article guides you through adding these features, ensuring they are consistently placed across all pages for a seamless user experience. By following these steps, you can help visitors easily find the content they need, improving their overall interaction with your site.

<div data-component-type="text"><div>Site navigation is the way visitors move through the site's pages and content. A site should have multiple, consistent navigation methods, as this can make it accessible to a wider audience. For example, some visitors may find it easier to click, and others may find it easier to type.</div></div><div data-component-type="text"><div>There are 2 methods currently available to add to a Wix site: site menus, and Site Search.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Where does Wix get its information?</div><div class="info-content"><ul>
  <li>We make recommendations as per the <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">Web Content Accessibility Guidelines (WCAG) document</a>, which has been developed by the <a data-composite="true" href="https://www.w3.org/" target="_blank">World Wide Web Consortium (W3C)</a>. </li>  <li>This article is based on <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/multiple-ways" target="_blank">success criterion 2.4.5 (Multiple Ways)</a> and <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/consistent-navigation.html" target="_blank">success criterion 3.2.3 (Consistent Navigation)</a>.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-site-menu" level="3">Adding a site menu</h2></div><div data-component-type="text"><div>Site menus are a popular method of navigation, and are usually placed in the header or footer of a site. Use them to display pages, sections, and links so visitors can find and access site content. </div></div><div data-component-type="text"><div>Most site templates already contain menus. However, you can also add a menu from the <strong>Add Elements</strong> panel in your site editor.</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Wix-Editor" class="tab-heading heading-0">Wix Editor</div><div data-slug="Studio-Editor" class="tab-heading heading-1">Studio Editor</div><div data-slug="Wix-Harmony-Editor" class="tab-heading heading-2">Wix Harmony Editor</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click <strong>Add Elements </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" /> on the left side of the editor.</li>  <li>Click <strong>Menu &amp; Anchor</strong>.</li>  <li>Select the menu type you want (Horizontal, Vertical, etc.).</li>  <li>Click and drag the menu to add it to your site.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/06/bc582988-5eaa-42cd-80f0-26b27a01c3ef/b5bc7f2c-f64d-4db9-9889-e7c3e4879d87.jpg" alt="Add Elements in the Wix Editor. Menu &amp; Anchor is highlighted, and the cursor is clicking a horizontal menu." /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click <strong>Add Elements </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/cef22a14-dfc9-43c7-a54f-72ed83266050/741248d2-4240-497e-a282-2a7d15d8afac.png" /> on the left side of the editor.</li>  <li>Click <strong>Menu &amp; Search</strong>. </li>  <li>Select the menu type you want (Horizontal, Vertical, etc.).</li>  <li>Click and drag the menu to add it to your site.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/06/dffea31c-0991-4363-bc8a-04ec8a5a82e0/eecf09c5-5406-4ffe-b117-e5c99be0c5d0.jpg" alt="Add Elements in the Studio Editor. Menu &amp; Search is highlighted, and the cursor is clicking a horizontal menu." /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click <strong>+ Add</strong> at the top left of the editor.</li>  <li>Select the <strong>Menu</strong> category.<br />
<strong>Tip: </strong>Click the<strong> Arrow</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2025/12/07/584e3364-261a-4c90-a44e-8eb1504bf7e2/c4cf09c2-e2cf-481c-b6fd-a92150cb6437.png" /> next to the categories to browse through the list.</li>  <li>Choose the menu type you want (site menu or custom menu). </li>  <li>Click and drag the menu to add it to your site.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2026/02/11/ad8becb7-44f9-4562-9ebe-46d7692ff363/bf0f5fcd-2cc1-4bef-bba0-59b3bde12de5.png" alt="The menu tab is open in the add panel. The cursor is clicking a horizontal menu to add it to the site." /></div></div></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-site-search" level="3">Adding Site Search</h2></div><div data-component-type="text"><div>Site Search allows visitors to find specific content or information via a search bar, and displays the results in a list. This can improve accessibility, as visitors don't need to click / scroll through content to find what they want.</div></div><div data-component-type="text"><div>Install Site Search from the <strong>Add Elements</strong> panel in your editor. If you've previously installed it, you can add a new Search bar.</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Wix-Editor-0" class="tab-heading heading-0">Wix Editor</div><div data-slug="Studio-Editor-1" class="tab-heading heading-1">Studio Editor</div><div data-slug="Wix-Harmony-Editor-2" class="tab-heading heading-2">Wix Harmony Editor</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click <strong>Add Elements </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" /> on the left side of the editor.</li>  <li>Click <strong>Menu &amp; Anchor</strong>.</li>  <li>Select <strong>Site Search</strong>.</li>  <li>Add it to the site:
    <ol>
      <li>(If installing for the first time) Click <strong>Add to Site</strong> <img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcrZJ7ls2yKCv1uvXeLZCbudmC8gjaVk84R7xHn7HoGmzVDeqZ3NQdnCldUbhrk0AN4v07WmK49Y2o2Nwynv68UknnIhL_mNEFOSlcITjraeFTYNjnI9Z2qNUuV6zBTtY1Y4Zmh?key=k_2EM6zsnpqJcxQF7aCXIg" />.</li>      <li>Click and drag your chosen search bar to add it to the site.</li>    </ol>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/12/02/8e38590b-5cea-4649-901c-4d213dda9efb/8e451a50-f4f7-4d8b-b000-ffc2be02e290.jpg" alt="Add Elements in the Wix Editor. Site Search is highlighted, and the cursor is clicking to add it to the site." /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click <strong>Add Elements </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/cef22a14-dfc9-43c7-a54f-72ed83266050/741248d2-4240-497e-a282-2a7d15d8afac.png" /> on the left side of the editor.</li>  <li>Click <strong>Menu &amp; Search</strong>. </li>  <li>Select <strong>Site Search</strong>.</li>  <li>Add it to the site:
    <ol>
      <li>(If installing for the first time) Click <strong>Add to Site</strong> <img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcrZJ7ls2yKCv1uvXeLZCbudmC8gjaVk84R7xHn7HoGmzVDeqZ3NQdnCldUbhrk0AN4v07WmK49Y2o2Nwynv68UknnIhL_mNEFOSlcITjraeFTYNjnI9Z2qNUuV6zBTtY1Y4Zmh?key=k_2EM6zsnpqJcxQF7aCXIg" />.</li>      <li>Click and drag your chosen search bar to add it to the site.</li>    </ol>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/06/5d200efc-8767-4e43-b312-89dc083309da/62bdc851-deef-48bb-8ed8-e4790842a502.jpg" alt="Add Elements in the Studio Editor. Site Search is highlighted, and the cursor is clicking the icon to add it." /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click <strong>+ Add</strong> at the top left of the editor.</li>  <li>Click the <strong>Arrow </strong>icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2025/12/07/584e3364-261a-4c90-a44e-8eb1504bf7e2/c4cf09c2-e2cf-481c-b6fd-a92150cb6437.png" /> to navigate to the <strong>Apps </strong>category.</li>  <li>Use the search bar to look for Site Search.</li>  <li>Click <strong>Wix Site Search</strong> and add it to the site:
    <ol>
      <li>(If installing for the first time) Click <strong>Add to Site</strong> .</li>      <li>Click and drag your chosen search bar to add it to the site.</li>    </ol>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2026/02/11/55ae31d3-9628-407b-95d7-b483bdcade6d/cc27e368-644f-47cf-a1e1-6ca130242fa7.png" alt="The apps tab is open in the add panel. The cursor is clicking the Wix Site Search app." /></div></div></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">You should know:</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/en/article/about-wix-site-search#visitors-can-search-for-the-content-they-need" target="">Some site elements / content can't be found by Site Search</a>.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">What's next?</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/en/article/adding-and-setting-up-wix-site-search-7353315" target="">Set up Site Search</a> to look and behave how you want.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="consistent-site-navigation" level="3">Consistent site navigation</h2></div><div data-component-type="text"><div>Once you have added site navigation methods, you should make sure that they are visible in the same position on all pages of the site.</div></div><div data-component-type="text"><div>If you're building a site with the Studio Editor, you can attach the navigation elements to the <a data-composite="true" href="https://support.wix.com/en/article/studio-editor-using-global-sections" target="">header, footer, or a global section</a>.</div></div><div data-component-type="text"><div>With the Wix Editor, you can attach navigation elements to the <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-placing-elements-in-your-header-footer-and-page" target="">site's header or footer</a>. If you'd prefer to display them in the page body, you can <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-showing-an-element-on-all-pages" target="">set them to show on all pages</a>.</div></div>

A site's DOM order is the order in which screen readers and the Tab key highlight and / or &quot;read&quot; content on the page. It should follow a logical order to ensure that visitors get the best p...

Accessibility: Checking and Adjusting a Site's DOM Order

Learn how to optimize the DOM order of your site in the Wix Editor and Studio Editor to enhance accessibility for visitors using screen readers and keyboard navigation. This article explains the importance of a logical DOM order, how to test it, and offers guidance on manually adjusting the order if necessary. By following these steps, you can ensure a better experience for all users navigating your site.

<div data-component-type="text"><div>A site's DOM order is the order in which screen readers and the Tab key highlight and / or &quot;read&quot; content on the page. It should follow a logical order to ensure that visitors get the best possible experience on the site, and can navigate and enjoy its content.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important:</div><div class="info-content"><div>This article refers to optimizing DOM order for sites you build in the Wix Editor and Studio Editor. For information on working with DOM order in Wix Harmony Editor, <a data-composite="true" href="https://support.wix.com/en/article/wix-harmony-editor-working-with-dom-order" target="">please click here</a>.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="dom-order-on-sites" level="3">DOM order on sites</h2></div><div data-component-type="text"><div>Site DOM is the loading and reading order of elements on site pages. Wix automatically sets a DOM order based on the visual order of the elements. When developing our accessibility tools, we test our products using the following screen readers:</div></div><div data-component-type="text"><ul>
  <li>Windows + Firefox or Chrome: <strong>NVDA</strong> (Free reader)</li>  <li>iOS + Safari: <strong>Voiceover</strong> (Built-in reader)</li></ul></div><div data-component-type="text"><div>This means that we've created your site's automatic DOM order with the above applications' functions in mind. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="why-dom-order-is-important" level="3">Why DOM order is important</h2></div><div data-component-type="text"><div>Some site visitors may use screen readers and other assistive technologies to navigate your site. These technologies assist visitors with visual disabilities and conditions by scanning the site content, and reading it aloud to the visitor. </div></div><div data-component-type="text"><div>Visitors who use screen readers, as well as those with conditions that affect mobility, may use the Tab key to navigate through your site content. Site DOM order is therefore important for visitors using screen readers and / or the Tab key, as they need to be able to navigate around your site in a logical order.</div></div><div data-component-type="text"><div>For example, the site menu should come first, followed by the rest of the elements in the header, then the page title, then the page contents, etc. If the DOM order is incorrect, it can cause the screen reader / Tab key to skip or jump around your page content.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Want to test the site's DOM order?</div><div class="info-content"><div>You can test out the automatic DOM order of a Wix site by using your keyboard's Tab key or a screen reader on the live version of the site.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="auto-dom-in-the-accessibility-wizard" level="3">Auto DOM in the Accessibility Wizard</h2></div><div data-component-type="text"><div>When you open the Accessibility Wizard in the Studio Editor, you may see the option to automatically organize its DOM order. We recommend selecting this option, as it ensures the wizard's scan and resulting tasks are correct.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/25/9d2cb57f-3b1a-4b86-99cd-567a0be9b9bd/5d38e95d-e1b9-464d-a319-b82a1ae68993.jpg" alt="The Wizard panel is open in the editor. The checkbox to automatically organize the DOM is highlighted." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Don't see this checkbox?</div><div class="info-content"><div>The option to organize the site's DOM does not populate if: </div><ul>
  <li>The site was created after the beginning of November 2024.</li>  <li>You have previously organized the site's DOM with the Accessibility Wizard.</li>  <li>You have <a data-composite="true" href="https://support.wix.com/en/article/studio-editor-reorganizing-elements-by-dom-order#disabling-auto-dom" target="">disabled auto DOM on the site</a>.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="manually-changing-the-dom-order-of-a-site" level="3">Manually changing the DOM order of a site</h2></div><div data-component-type="text"><div>If you notice your site's DOM order is not logical, you can manually adjust it to ensure an improved experience for visitors. </div></div><div data-component-type="text"><div>Use the <a data-composite="true" href="https://support.wix.com/en/article/accessibility-about-the-accessibility-wizard-5119725" target="">Accessibility Wizard</a> and Layers panel to change the DOM on Wix Editor sites. If you're building a site in the Studio Editor, you can adjust the order with the site's Layers and Pages panels.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important:</div><div class="info-content"><div>If the tabbing order of your site is logical, then you don't need to do anything. Changing the order when it is already correct can cause issues for visitors using screen readers and / or the Tab key.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">To change the DOM order:</h2></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Wix-Editor" class="tab-heading heading-0">Wix Editor</div><div data-slug="Studio-Editor" class="tab-heading heading-1">Studio Editor</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><div>As Wix automatically sets a DOM order for your site, you need to disable it in <a data-composite="true" href="https://support.wix.com/en/article/accessibility-about-the-accessibility-wizard-5119725" target="">the Accessibility Wizard.</a> You can then manually adjust the DOM order of elements in your site's Layers panel as needed.</div></div><div data-component-type="heading"><h2 id="" level="4">To manually arrange the DOM order:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click <strong>Settings </strong>at the top and select <strong>Accessibility Wizard</strong>. </li>  <li>Select <strong>Scan Site</strong> in the wizard on the right.</li>  <li>Click the <strong>Detected issues</strong> tab.</li>  <li>Select <strong>Site level</strong>.</li>  <li>Click <strong>Organize DOM order</strong>.</li>  <li>Select <strong>Manually</strong>.</li>  <li>Click <strong>Apply</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2025/06/03/0098eff9-aa4c-4861-8184-4e4783f158a2/098e6413-5b93-4610-b0f0-26860fd3fa9b.jpg" alt="The DOM settings in the wizard. Manually has been selected, and the cursor is clicking Apply." /></div></div><div data-component-type="text"><ol>
  <li>Select <strong>Layers</strong>  <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/22/f52b1de4-3721-47b4-8588-8e0f10fbe5cb/33bdef84-9b33-4f67-bfb3-adef581774af.png" /> at the bottom left of your editor.</li>  <li>Check over the list and delete any redundant elements. This includes duplicate elements that do not have a use on your site and can confuse screen reader users.</li>  <li>Drag and drop the remaining elements into the desired order.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/01/19/64994c54-ec97-4ba1-9fc5-08efa8b1497a/d6b6be84-44ee-4f47-b202-f125752cad10.jpg" alt="A site's Layers panel. A pro gallery is being dragged into another position." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Next step:</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-getting-started-with-the-mobile-editor" target="">Open the mobile Editor</a> and repeat the same steps.</div></div></div></div></div><div class="tab-content"><div data-component-type="text"><div>Depending on the site's needs and / or script, you can disable auto DOM on <a data-composite="true" href="https://support.wix.com/en/article/studio-editor-reorganizing-elements-by-dom-order" target="">sections / containers, grid cells, element stacks, or the entire site</a>. You can then manually adjust the order as needed.</div></div><div data-component-type="heading"><h2 id="" level="4">To manually arrange the DOM order:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Choose where you want to disable auto DOM:
    <ul>
      <li><strong>The entire site:</strong>
        <ol>
          <li>Click the <strong>Wix Studio</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/13/d9a1d8f1-9b06-431b-a37c-cad1e9a147d0/1905b305-d3ce-4263-8ba1-38695a41936e.png" /> at the top left of the editor.</li>          <li>Click <strong>Tools</strong>.</li>          <li>Click <strong>Auto DOM Order </strong>to deselect it.</li>          <li>Click <strong>Turn Off </strong>to confirm.</li>        </ol>      </li>      <li><strong>Sections, containers, or grid cells:</strong>
        <ol>
          <li>Right-click the relevant section / container / grid cell.</li>          <li>Click <strong>Auto DOM Order</strong> in the right-click menu to deselect it.</li>        </ol>      </li>    </ul>  </li>  <li>Click <strong>Layers</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2022/08/14/a4e4317e-690e-4531-a095-054f0cf5ed9c/2294c57e-7ada-42be-aed2-2f8c81640beb.jpg" /> on the left side of the editor.</li>  <li>Choose what you want to organize:
    <ul>
      <li><strong>Elements inside a section / container / grid cell / stack: </strong>
        <ol>
          <li>Click the relevant parent element (e.g. the section) in the panel to open it.</li>          <li>Drag and drop the elements into the correct position.</li>        </ol>      </li>      <li><strong>Sections / containers / grid cells / stacks: </strong>
        <ol>
          <li>Hover over the top section and click the <strong>More Actions</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/10/05/df707d87-ce96-4e50-b540-485e1b543f16/064bb95e-aa36-462b-8be9-5b31f62f8034.png" />.</li>          <li>Click <strong>Arrange</strong>.</li>          <li>Click <strong>Bring to Front</strong>.</li>          <li>Repeat steps a-c with all other sections, going from top to bottom in the panel.</li>        </ol>      </li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/01/19/7502d6a2-1ecd-441a-b30c-5564c3681579/c26fb135-a70c-4f93-a200-04692e5a9373.jpg" alt="A site's Layers panel. The cursor is clicking the option to bring the top section to the front." /></div></div></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Notes:</div><div class="info-content"><ul>
  <li>Navigating a site using the Tab key only navigates through the interactive elements and not static elements such as text. If you want to test out a screen reader on static elements such as text, follow the instructions in your screenreader's help center on how to properly navigate a website with a keyboard.</li>  <li>Pinned elements are automatically placed at the end of the tabbing sequence. If you want it to be tabbed earlier in the sequence, we recommend that you unpin the element and place it in the header.</li></ul></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">What's next?</div><div class="info-content"><div>Go back to the <a data-composite="true" href="https://support.wix.com/en/article/accessibility-checklist-for-improving-your-sites-accessibility" target="">Accessibility Checklist</a> to continue working on your site's accessibility.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="site-language-and-dom" level="3">Site language and DOM</h2></div><div data-component-type="text"><div>Different languages have different reading directions (e.g. English reads left-to-right, and Hebrew reads right-to-left). If you have changed a site's language to one with a different reading direction, the visual and DOM order of elements may no longer be aligned.</div></div><div data-component-type="text"><div>We recommend enabling the automatic DOM option in the Accessibility Wizard to ensure that the order of elements matches the site language's reading direction. </div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important:</div><div class="info-content"><div>If the site has content in both left-to-right and right-to-left languages, we recommend manually adjusting the DOM order instead.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">To enable auto DOM in the wizard:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://support.wix.com/en/article/accessibility-using-the-accessibility-wizard#scanning-a-site-with-the-accessibility-wizard" target="">Scan the site with the Accessibility Wizard</a>.</li>  <li>Click the <strong>Detected issues</strong> tab.</li>  <li>Select <strong>Site level</strong>.</li>  <li>Click <strong>Organize DOM order</strong>.</li>  <li>Select<strong> Automatically (recommended)</strong>.</li>  <li>Click <strong>Apply</strong>.</li>  <li>(Optional) Check the visual display of site elements to ensure they're aligned.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Notes:</div><div class="info-content"><ul>
  <li>This option can change the visual display of elements, so we suggest reviewing the changes to make sure the site looks the way you want.</li>  <li>This feature does not support all site components, and you may need to manually adjust their reading direction.</li></ul></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2025/08/11/fe4e25d2-2c0d-408f-819c-0a0d0fa13ab9/e84290f2-ef78-44c3-adeb-b53481e5b1d3.png" alt="The Organize DOM order drop-down is open in the Wizard. The cursor is clicking 'Automatically'." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Changed your mind?</div><div class="info-content"><div>You can revert the automatic DOM order from your editor:</div><ul>
  <li><strong>Wix Editor:</strong> Click the <strong>Undo</strong> icon <img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXev3RlsXu8Ztn3REDYoVOB6OBPieQLKahXHelulLElTvP10koaO48cSHz1PjEB4VU68QxBN62iBqARvsG8b5JGMphtol2z9A24s6L7Lc0iehQRBliNj1Fx85UuYQhNey1Ti7ywtl4m6T_Fpe-i7bTMDRNXb?key=dRllTO6NEoYu0-D1JuBE8A" /> in the <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-using-the-editor-menus#the-top-bar-menu" target="_blank">top bar of your editor</a>. <br />
<strong>Note:</strong> This option only applies if the last action you took was automatically reorganizing the DOM. </li>  <li><strong>Studio Editor:</strong> Restore a previous version of the site <a data-composite="true" href="https://support.wix.com/en/article/viewing-and-managing-your-site-history?tabs=Studio-Editor" target="">from the site history</a>.</li></ul></div></div></div>

Visitors with visual conditions or difficulties may find it difficult to tell the difference between the foreground and background of a site's pages. Therefore, we suggest checking and adjusting the c...

Accessibility: Preparing Your Text and Graphics

Enhance your site's accessibility by learning how to adjust color contrast effectively. This article provides recommendations for achieving optimal contrast ratios for text and graphics, ensuring your site is easier to navigate for visitors with visual impairments. Discover how to use the Accessibility Wizard to identify and rectify low contrast issues, and find out how to manually check and adjust colors using the Wix Contrast Checker. By following these guidelines, you can create a more inclusive online experience.

Fonts are the way in which text is shaped and styled. Wix offers numerous fonts, as well as the ability to upload and use your own fonts. Some fonts are more legible than others, so it is important to...

Accessibility: Fonts and Readability

Discover how to enhance your site's readability by selecting the right fonts and following accessibility guidelines. Learn to choose clear, legible fonts, maintain proper spacing, and ensure good color contrast to accommodate all visitors, including those with visual impairments. By implementing these tips, you can create a more accessible and user-friendly experience on your site.

<div data-component-type="text"><div>Fonts are the way in which text is shaped and styled. Wix offers numerous fonts, as well as the ability to upload and use your own fonts. </div></div><div data-component-type="text"><div>Some fonts are more legible than others, so it is important to make sure the ones you use on your site can be easily read. Choosing clear, legible fonts can help visitors who have additional visual or reading needs.</div></div><div data-component-type="heading"><h2 id="" level="3">Accessibility font guidelines</h2></div><div data-component-type="text"><div>We recommend following these guidelines when adding text and fonts to your site:</div></div><div data-component-type="text"><ul>
  <li>Choose a font that has a balance between character ambiguity and character complexity. Characters should be easily distinguished from each other, but also have simple patterns and shapes.</li></ul></div><div data-component-type="text"><ul>
  <li>Use a limited number of fonts on your site, and avoid having multiple typefaces in the same block of text.</li></ul></div><div data-component-type="text"><ul>
  <li>Avoid small font sizes where possible. We recommend keeping your text at 14 pixels and above. </li></ul></div><div data-component-type="text"><ul>
  <li>Make sure that your font has sufficient spacing between characters, words, and lines. This ensures that the text is not compacted, and can be read easily.</li></ul></div><div data-component-type="text"><ul>
  <li>Keep in mind that formatted text such as italics, all caps, and strikethrough can be more difficult to read for visitors with visual and reading impairments. </li></ul></div><div data-component-type="text"><ul>
  <li>Be aware of the color contrast between your text and background, especially when using lightweight fonts. <a data-composite="true" href="https://support.wix.com/en/article/accessibility-preparing-your-text-and-graphics" target="">Learn more about color contrast</a></li></ul></div><div data-component-type="text"><ul>
  <li>Keep text alignment in mind. Justified text contains spacing variations, which can impact its readability. We recommend aligning text to the left, as this is the easiest to read in left-to-right languages.</li></ul></div><div data-component-type="text"><ul>
  <li>Text blocks and paragraphs should contain empty space between and around them to ensure they can be easily read and distinguished.</li></ul></div><div data-component-type="text"><ul>
  <li>Having too many or too few characters in a line can impact readability. We recommend keeping your line length between 50 and 120 characters where possible. </li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Next step:</div><div class="info-content"><div>Go back to the <a href="https://support.wix.com/en/article/accessibility-checklist-for-improving-your-sites-accessibility">Accessibility Checklist</a> to continue improving your site for accessibility.</div></div></div></div>

Visitors who have visual conditions may use assistive technology such as screen readers to browse your site. Add descriptions to images and galleries using alternative (alt) text to make them accessib...

Accessibility: Preparing Your Images and Galleries

Learn how to enhance your site's accessibility by adding alternative (alt) text to images and galleries. This article guides you through the importance of alt text for users with visual impairments and search engines, providing clear guidelines for writing effective descriptions. You'll discover how to add alt text in various Wix editors and even generate it using AI, ensuring your site is inclusive and optimized for all visitors.

Site visitors may have one or more conditions that impact their vision, hearing, or both. This in turn can affect how they consume and understand media content (e.g. videos, audio tracks). It is there...

Accessibility: Making Videos and Audio Accessible

Learn how to verify and enhance the accessibility of media content on your site to accommodate visitors with vision or hearing impairments. This article guides you through using the Accessibility Wizard to check media files, adding text descriptions, audio descriptions, and captions to ensure everyone can access your content. By following these recommendations, you can create a more inclusive experience for all users.

<div data-component-type="text"><div>Site visitors may have one or more conditions that impact their vision, hearing, or both. This in turn can affect how they consume and understand media content (e.g. videos, audio tracks). </div></div><div data-component-type="text"><div>It is therefore essential to check the accessibility of site media, and provide other ways for visitors to access the content. Use this article to learn more about verifying your media's accessibility, and our recommended alternatives.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Where does Wix get its information?</div><div class="info-content"><ul>
  <li>We make recommendations as per the <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">Web Content Accessibility Guidelines (WCAG) document</a>, which has been developed by the <a data-composite="true" href="https://www.w3.org/" target="_blank">World Wide Web Consortium (W3C)</a>. </li>  <li>This article is based on the document's <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/time-based-media" target="_blank">success criteria for time-based media</a>.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="verifying-media-accessibility" level="3">Verifying media accessibility</h2></div><div data-component-type="text"><div>You can use <a data-composite="true" href="https://support.wix.com/en/article/accessibility-about-the-accessibility-wizard-5119725" target="">the Accessibility Wizard</a> to check and improve the accessibility of media on a site. The wizard locates these elements for you, and provides helpful recommendations based on the media type (e.g. audio only, video only etc.). </div></div><div data-component-type="heading"><h2 id="" level="4">To verify media in the Accessibility Wizard:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Scan your site with the wizard:
    <ul>
      <li><strong>Wix Editor:</strong>
        <ol>
          <li>Click <strong>Settings </strong>at the top and select <strong>Accessibility Wizard</strong>. </li>          <li>Click <strong>Scan Site </strong>in the Accessibility Wizard panel on the right.</li>        </ol>      </li>      <li><strong>Studio Editor:</strong>
        <ol>
          <li>Click <strong>Site Checker</strong> <img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXemmwNHvNgFnJm8W_kxBSKj8aBd0JWqS5jPGbDBFniNkCcKFyRA4DuJxGX2w5q7xpAu9btr_Nwvr_qc4NPRmf_fmojZ03sC6QLaQF9p_5OHQFi5xvgPaZiVRJw5HMrBTOeyoX3rnTD_PGSF9kGhWZYDijdL?key=k_2EM6zsnpqJcxQF7aCXIg" /><strong> </strong>on the left side of your editor.</li>          <li>Select <strong>Fix Accessibility Issues</strong>.</li>          <li>Click <strong>Scan Site</strong>.</li>        </ol>      </li>    </ul>  </li>  <li>Click the <strong>Detected Issues</strong> tab.</li>  <li>Select a site page drop-down in the panel.</li>  <li>Click <strong>Verify media files are accessible</strong>.</li>  <li>Click the media file and select the relevant file type from the options:
    <ul>
      <li><strong>Audio only:</strong> The file contains no visual elements and is purely audio (e.g. a song recording).</li>      <li><strong>Video only:</strong> The media is only visual contains no sounds (e.g. a GIF).</li>      <li><strong>Video with audio:</strong> The media contains both visual and audible elements (e.g. a vlog)</li>      <li><strong>Decorative video or audio file:</strong> The file doesn't provide any important information, and is purely decorative.</li>    </ul>  </li>  <li>Check the requirements and update the element as needed.</li>  <li>Click <strong>Confirm</strong> in the wizard when you're done.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2025/08/05/53066051-c5a5-417e-85c7-cd8e48334046/d52387b1-7d5d-4420-8ad5-8c5de48d2b03.png" alt="The media task is open in the wizard on a studio editor site. The cursor is clicking the decorative option." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="text-descriptions" level="3">Text descriptions</h2></div><div data-component-type="text"><div>Text descriptions provide key information about the file's content. They're generally added to video-only and audio-only media, which can be helpful for visitors with conditions that impact their sight or hearing. <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/media-alternative-prerecorded" target="_blank">Learn more about text descriptions for media</a>.</div></div><div data-component-type="heading"><h2 id="adding-text-descriptions-to-video-without-sound" level="4">Adding text descriptions to video without sound</h2></div><div data-component-type="text"><div>If a site contains GIFs or videos that do not have sound, visitors with sight-related conditions may not be able to access them.</div></div><div data-component-type="text"><div>We recommend adding a text description to the piece of media that describes the events that are taking place. Screen readers can then read this text aloud to a user, informing them of the media file's content. </div></div><div data-component-type="text"><div>For example, the text description of this GIF could be: A GIF of the sun with the word &quot;New&quot; flashing across it.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/06/29/b567d7fc-af07-4ffe-b02b-cf560471903f/4e5c1124-78d7-4571-b70a-7cf429978190.gif" alt="A gif of the sun with the word" /></div></div><div data-component-type="heading"><h2 id="adding-text-descriptions-to-audio-files" level="4">Adding text descriptions to audio files</h2></div><div data-component-type="text"><div>Text descriptions for audio-only files should contain a transcript of all verbal communication, and descriptions of any other key sounds (e.g. music). This ensures that visitors who are deaf or hard of hearing can access and enjoy the file.</div></div><div data-component-type="text"><div>You can create a transcript by writing it into a document, and then linking the document under or above the audio file. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/06/29/af11e670-7b1a-4287-a495-3367c17e76f4/3a6a72d3-a8c4-4b4f-846d-a84d58983d3e.png" alt="A picture of an audio player. Text above advising visitors they can click to listen. Link under player leads to transcript." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="audio-descriptions" level="3">Audio descriptions</h2></div><div data-component-type="text"><div>Audio descriptions are recorded descriptions of visual events that do not make sound, such as movement, facial expressions, and lighting changes.  For example, a weather report may include the audio description: &quot;The meteorologist is pointing to the northwest of the country&quot;.</div></div><div data-component-type="text"><div>This can be essential for visitors who rely on audio to access and understand media content, and we therefore recommend adding audio descriptions to videos both with and without sound.</div></div><div data-component-type="text"><div>If the video does contain sound, the audio description should be placed between dialogue and any other audio to ensure the audience can hear everything clearly. You can add audio descriptions within the video itself, or by adding an extra audio track. <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/audio-description-prerecorded" target="_blank">Learn more about audio descriptions</a>.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="video-captions" level="3">Video captions</h2></div><div data-component-type="text"><div>Video captions are an important part of making content accessible to audiences with conditions that impact their hearing or cognitive processes. We recommend adding them to all video content—whether pre-recorded or live streamed.</div></div><div data-component-type="heading"><h2 id="adding-closed-captions-to-pre-recorded-videos" level="4">Adding closed captions to pre-recorded videos</h2></div><div data-component-type="text"><div>Closed captions are not just subtitles. Like text descriptions, they also contain sounds that aren't dialogue. For example, the closed captions in the video screenshot below include the background music. <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/captions-prerecorded" target="_blank">Learn more about pre-recorded video captions</a>.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/06/29/1f9e49c8-3778-48bc-99d4-79d08e660071/d0d2212f-5836-40c9-a88e-ca31c7dad970.png" alt="An image of a video player showing a still image, including the caption:" /></div></div><div data-component-type="text"><div>Most videos hosting sites (such as YouTube) have a Closed Caption feature, which allows viewers to turn on captions while viewing the video. If you upload your own video, you can add captions with external video editing software such as Amara. <a data-composite="true" href="https://wethegeek.com/best-closed-captioning-software/" target="_blank">See more closed captioning software options</a>.</div></div><div data-component-type="heading"><h2 id="adding-captions-to-live-streamed-events" level="4">Adding captions to live streamed events</h2></div><div data-component-type="text"><div>Adding captions to live videos feeds can make events more accessible to visitors with hearing and auditory conditions. There are two methods of adding captions to live events that are streamed on a site: by script, or live captioning. <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/captions-live" target="_blank">Learn more about captioning live videos</a>.</div></div><div data-component-type="text"><ul>
  <li><strong>Script:</strong> The performers, hosts, or presenters work from a pre-determined script. This script is then embedded into the live stream. This method is commonly used in events such as plays.</li>  <li><strong>Live: </strong>The captions are added in real time to the event stream, either by a person or a software program. This method is used in events that use minimal or no scripts, such as live podcast tapings and award ceremonies.</li></ul></div><div data-component-type="text"><div>Some browsers, such as <a data-composite="true" href="https://blog.google/products/chrome/live-caption-chrome/" target="_blank">Chrome</a>, allow visitors to enable live captioning from their device. However, if you would like to stream your event from <a data-composite="true" href="https://support.google.com/youtube/answer/3068031?hl=en#zippy=%2Clive-caption-requirements-for-events%2Cturning-on-closed-captions-for-events" target="_blank">YouTube</a>, the captions will need to be embedded into the video or sent via software that can send captions over HTTP POSTs, such as <a data-composite="true" href="https://streamtext.net/" target="_blank">StreamText</a>. </div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>We recommend providing captions in multiple languages where possible, as they are also helpful for viewers who may not speak the language spoken in the video.</div></div></div></div>

If you have documents on your site, we recommend improving their accessibility to ensure that all site visitors can view and use them.You should know:As PDFs and Word documents are not Wix products, y...

Accessibility: Making Document Files Accessible

Improve the accessibility of documents on your site to ensure all visitors can easily view and use them. Learn how to make your PDF and Word documents accessible by adjusting them on their respective platforms. After enhancing your documents, return to the Accessibility Checklist to continue optimizing your site for a better user experience.

<div data-component-type="text"><div>If you have documents on your site, we recommend improving their accessibility to ensure that all site visitors can view and use them.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">You should know:</div><div class="info-content"><div>As PDFs and Word documents are not Wix products, you need to adjust them on their respective platforms / programs.</div></div></div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://helpx.adobe.com/acrobat/using/create-verify-pdf-accessibility.html" target="_blank">Learn how to make PDF files accessible</a></li>  <li><a data-composite="true" href="https://support.microsoft.com/en-us/office/make-your-word-documents-accessible-to-people-with-disabilities-d9bf3683-87ac-47ea-b91a-78dcacb3c66d?ui=en-us&amp;rs=en-us&amp;ad=us" target="_blank">Learn how to make your Word documents accessible</a></li></ul></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Next step:</div><div class="info-content"><div>Go back to the <a href="https://support.wix.com/en/article/accessibility-checklist-for-improving-your-sites-accessibility">Accessibility Checklist</a> to continue improving your site for accessibility.</div></div></div></div>

Animated, moving, and autoplay content on a site can impact the experience for visitors with cognitive or neurological conditions (e.g. epilepsy, motion sickness, etc.), as well as those using assisti...

Accessibility: Reducing Motion

Discover how to enhance your site's accessibility by minimizing animated and autoplay content. Learn to reduce motion effects and limit autoplay features to create a more comfortable experience for visitors with cognitive or neurological conditions. By following guidelines from the Web Content Accessibility Guidelines (WCAG), you can ensure your site is user-friendly for everyone. Explore practical tips for implementing these changes effectively.

<div data-component-type="text"><div>Animated, moving, and autoplay content on a site can impact the experience for visitors with cognitive or neurological conditions (e.g. epilepsy, motion sickness, etc.), as well as those using assistive technologies. </div></div><div data-component-type="text"><div>We therefore recommend reducing motion across the site where possible. There are 2 main ways you can minimize motion: by avoiding scroll effects, and by avoiding / limiting autoplay.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Where does Wix get its information?</div><div class="info-content"><div>We make recommendations as per the <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">Web Content Accessibility Guidelines (WCAG) document</a>, which has been developed by the <a data-composite="true" href="https://www.w3.org/" target="_blank">World Wide Web Consortium (W3C)</a>. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="scroll-effects-on-a-site" level="3">Scroll effects on a site</h2></div><div data-component-type="text"><div>Scroll effects are usually applied to page, section, and container backgrounds. As these effects can cause the background and foreground (the attached elements) to move at different rates or in different directions, they may create issues for visitors with vestibular or attention disorders.</div></div><div data-component-type="text"><div>We recommend only adding these effects when they are essential to the site's functionality or in conveying information. <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/animation-from-interactions.html" target="_blank">Read WCAG's guidelines on animation from interactions</a></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="autoplay-on-a-site" level="3">Autoplay on a site</h2></div><div data-component-type="text"><div>Some video and audio players may be set to play automatically when the page loads. However, this can cause confusion and distraction for visitors. For example, an audio player that starts automatically may override or 'speak' over a screen reader. </div></div><div data-component-type="text"><div>We suggest limiting autoplay on a site where possible. However, if you have visual or audio content, you can use the following guidelines to improve their accessibility:</div></div><div data-component-type="text"><ul>
  <li><strong>Videos / visual content:</strong> <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/pause-stop-hide.html" target="_blank">Add a stop, pause, or hide function</a> to videos / visual content that:
    <ul>
      <li>Plays automatically</li>      <li>Is displayed in parallel to other page content</li>      <li>Is longer than 5 seconds</li>    </ul>  </li>  <li><strong>Audio content:</strong> <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/audio-control.html" target="_blank">Add mute / independent volume adjustment options</a> to audio content that:
    <ul>
      <li>Plays automatically</li>      <li>Is longer than 3 seconds</li>    </ul>  </li></ul></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="how-site-visitors-can-reduce-motion" level="3">How site visitors can reduce motion</h2></div><div data-component-type="text"><div>If you do decide to use motion or autoplay content on the site, visitors can disable these options from their device's operating system and browser: </div></div><div data-component-type="text"><ul>
  <li><strong>Scroll / animation effects:</strong> Visitors can turn off animations in their system's settings:
    <ul>
      <li><strong>Windows 11: </strong><a data-composite="true" href="https://support.microsoft.com/en-us/windows/make-it-easier-to-focus-on-tasks-0d259fd9-e9d0-702c-c027-007f0e78eaf2#WindowsVersion=Windows_11" target="_blank">Animation effects</a></li>      <li><strong>Mac:</strong> <a data-composite="true" href="https://support.apple.com/en-ie/guide/mac-help/mchlc03f57a1/mac" target="_blank">Reduce motion / Auto-play animated images</a></li>    </ul>  </li>  <li><strong>Video / audio content: </strong>Visitors can prevent audio / video content from autoplaying on sites from their browser:
    <ul>
      <li><strong>Google Chrome:</strong> <a data-composite="true" href="https://support.google.com/chrome/answer/9692215?sjid=4561388418345466340-EU" target="_blank">Sound settings</a></li>      <li><strong>Microsoft Edge:</strong> <a data-composite="true" href="https://www.microsoft.com/en-us/edge/learning-center/manage-autoplay?form=MA13I2" target="_blank">Media autoplay</a></li>    </ul>  </li></ul></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Next step:</div><div class="info-content"><div>Go back to the <a href="https://support.wix.com/en/article/accessibility-checklist-for-improving-your-sites-accessibility">Accessibility Checklist</a> to continue improving your site for accessibility.</div></div></div></div>

Some site visitors (such as those with visual disabilities or conditions) may use a zoom tool on their browser to magnify content and elements that are not large or clear enough for them to see at 100...

Accessibility: About Zoomed Content

Ensure your site is accessible by checking its visibility at 200% zoom, which is crucial for visitors with visual disabilities. Learn how to adjust your browser settings to test your site's content clarity and legibility. The article also guides you on using the Accessibility Wizard to identify and resolve issues, such as overlapping pinned elements and content outside gridlines, enhancing the overall user experience.

<div data-component-type="text"><div>Some site visitors (such as those with visual disabilities or conditions) may use a zoom tool on their browser to magnify content and elements that are not large or clear enough for them to see at 100%.</div></div><div data-component-type="text"><div>Ensuring that your site is fully visible in zoom is therefore an important part of accessibility, as it helps these visitors view and navigate the content. </div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Good to know:</div><div class="info-content"><div>All of your site's content should be clear, visible, and legible at <strong>200% zoom</strong>.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="checking-your-sites-zoom" level="3">Checking your site's zoom</h2></div><div data-component-type="text"><div>We recommend checking your site's zoom to ensure that all of your content is clear and visible at 200%. You can do this from your browser settings.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Show me how to check in Chrome</h4><div class="collapsible-content"><ol>
  <li>Select the<strong> More actions</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/7f40210b-c6c2-4c15-bbcf-5bb78a69d10e/2020/05/19/a53b52b5-9ef9-4c51-a650-d3d64405ede7/656a564f-13b8-47be-a40f-b5d29b7d0e41.png" /> at the top right of your browser.</li>  <li>Increase the zoom level by clicking the <strong>Plus</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/7f40210b-c6c2-4c15-bbcf-5bb78a69d10e/2020/05/19/5a2c2bb5-a459-4934-9d6c-9f7222655653/b5230cf0-4640-4dbf-834e-65d6d63fff3a.png" /> or press <strong>Ctrl</strong>, then <strong>+</strong> on your keyboard.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Show me how to check in Safari</h4><div class="collapsible-content"><ol>
  <li>Select <strong>View</strong> on the browser toolbar.</li>  <li>Increase the zoom level by clicking <strong>Zoom in </strong>or press <strong>cmd</strong>, then <strong>+</strong> on your keyboard.</li></ol></div></div></div><div data-component-type="text"><div>If you are using the Accessibility Wizard to improve your site's accessibility, you can check your site using the steps above, and then mark it as &quot;Done&quot; in the Wizard. </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Show me how</h4><div class="collapsible-content"><ol>
  <li>Scan your site with the Accessibility Wizard and <a data-composite="true" href="https://support.wix.com/en/article/accessibility-using-the-accessibility-wizard-in-the-wix-editor#step-2-fix-detected-issues" target="">rectify any detected issues</a>. </li>  <li>Select <strong>Continue to Step 2</strong>.</li>  <li>Select the card with the title <strong>Zoomed Content </strong>and follow the below steps:
    <ol>
      <li>Preview your content in 200% zoom to make sure everything is visible and readable.</li>      <li>When complete, select the checkbox beside <strong>All done? Mark this task as complete</strong>.</li>      <li>Select <strong>Done</strong>.</li>    </ol>  </li></ol><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/05/12/a4cfd05f-1799-4f5a-8baf-7fc99f1a3b9c/accbbffb-a3c1-4846-8110-a13d91ad8df9.png" /></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="resolving-issues-in-zoomed-view" level="3">Resolving issues in zoomed view</h2></div><div data-component-type="text"><div>When checking zoomed content on your site, there are certain things to keep in mind that may affect your site's accessibility. If you notice any of the following issues, we recommend rectifying them to ensure an improved experience for your visitors.</div></div><div data-component-type="heading"><h2 id="pinned-elements" level="4">Pinned elements</h2></div><div data-component-type="text"><div>Pinned elements are always visible on your live site, even when visitors scroll up or down the page. Commonly pinned elements include menus and buttons.</div></div><div data-component-type="text"><div>If you have pinned elements to both the left and right of the screen, you may notice that they overlap when you zoom in. Large pinned elements may also block out other content on your site. </div></div><div data-component-type="text"><div>You can <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-pinning-elements-to-the-screen#changing-the-settings-of-a-pinned-element" target="">change the position of pinned elements</a> to prevent overlap or blocking content, or <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-working-with-elements#resizing-your-elements" target="">resize the elements</a> to make them smaller.</div></div><div data-component-type="heading"><h2 id="elements-outside-the-gridlines" level="4">Elements outside the gridlines</h2></div><div data-component-type="text"><div>The Wix Editor contains <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-working-with-the-editor-gridlines" target="">gridlines to help you keep your site content visible on all screen sizes</a>.  Elements that fall outside of the gridlines may therefore not be visible on smaller screens, or when a visitor zooms in.</div></div><div data-component-type="text"><div>If site content is cut off when you zoom in, we recommend <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-working-with-elements#moving-your-elements" target="">moving the element within the gridlines</a>. </div></div>

Forms allow site visitors to submit information, join a mailing list, and more. When creating a form, it's important to keep accessibility in mind to ensure that everyone can view and use it. Follow t...

Accessibility: Creating an Accessible Wix Form

Learn how to create accessible forms on your Wix site that allow visitors to submit information and join mailing lists. This article guides you through essential steps, including displaying and defining field titles, customizing the form's design, and enabling visual indicators for better navigation. By following these steps, you ensure that your forms are user-friendly and compliant with accessibility standards, enhancing the experience for all visitors.

<div data-component-type="text"><div>Forms allow site visitors to submit information, join a mailing list, and more. When creating a form, it's important to keep accessibility in mind to ensure that everyone can view and use it. </div></div><div data-component-type="text"><div>Follow the steps in this article to build a form that visitors can navigate and interact with, and get the most out of your site.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important:</div><div class="info-content"><div>Old Wix Forms are not accessible. If you need to comply with accessibility regulations, switch to the <a data-composite="true" href="https://support.wix.com/en/article/wix-forms-the-difference-between-the-new-and-old-wix-forms" target="">new Wix Forms</a>.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-display-field-titles" level="3">Step 1 | Display field titles</h2></div><div data-component-type="text"><div>Display field titles to allow visitors to identify each form field. Displaying titles provides clarity, and indicates to visitors the field they are currently in.</div></div><div data-component-type="heading"><h2 id="" level="4">To display field titles:</h2></div><div data-component-type="text"><ol>
  <li>Select the form in your editor.</li>  <li>Click <strong>Edit Form</strong>.</li>  <li>Select a form field.</li>  <li>Click <strong>Settings</strong>.</li>  <li>Hover over the field title and click the <strong>More actions</strong> icon <img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXcC5vRw8B_ITz9qd1n_rF0jP0XZvFe8Ly4NcbviMUHdlLJZIK7ATwxhjb-fPDytIlmc7hmtqMlqZt_sh3CtRvQOGzQRe_skqNqCTCHoFti1Yc1JZwr5M1G5d7vxKBGJAMf6oCDrRmiI9mYujNW1sBSBKREb?key=dRllTO6NEoYu0-D1JuBE8A" />.</li>  <li>Click <strong>Show field title</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/06/704b585c-e85a-42a3-a4f6-4918fc22ea7d/de509bb7-f65c-4ee0-9aa6-8c945a368eb3.jpg" alt="The forms center. A field has been selected, and the cursor is clicking 'Show field title'." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-define-your-field-titles" level="3">Step 2 | Define your field titles</h2></div><div data-component-type="text"><div>After you've enabled field titles, make sure you clearly define them. The title should be specific to ensure visitors know what exactly is required (last name, phone number, etc.).</div></div><div data-component-type="heading"><h2 id="" level="4">To define the field titles:</h2></div><div data-component-type="text"><ol>
  <li>Select the form in your editor.</li>  <li>Click <strong>Edit Form</strong>.</li>  <li>Select a form field.</li>  <li>Click <strong>Settings</strong>.</li>  <li>Enter the text under <strong>Field title</strong>.</li>  <li>Click <strong>Save</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/06/b0c417e6-adb2-4bbb-9ac2-2d4990c1374b/83955b53-2aba-47eb-9a01-33be5f0f8066.jpg" alt="The forms center. A field has been selected, and the cursor is clicking the title field." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-customize-the-forms-design" level="3">Step 3 | Customize the form's design</h2></div><div data-component-type="text"><div>Adjusting the <a data-composite="true" href="https://support.wix.com/en/article/wix-forms-designing-your-site-forms" target="">form's fields and buttons</a> by state (Regular, Hover, and Error) can create a logical visual experience. We recommend customizing the design for the Hover state, for example - so visitors know which part of the form they're interacting with.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Good to know:</div><div class="info-content"><div>The Hover state is how the form field / button looks when a visitor hovers over it. The Regular state is how it's displayed before a visitor interacts with it.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">To customize the form's design:</h2></div><div data-component-type="text"><ol>
  <li>Select the form in your editor.</li>  <li>Click <strong>Settings</strong>.</li>  <li>Select <strong>Design</strong>.</li>  <li>Choose which part of the form you want to customize:
    <ul>
      <li><strong>Fields</strong>: 
        <ol>
          <li>Select <strong>Form Fields</strong>.</li>          <li>Select <strong>Hover</strong> from the drop-down menu.</li>          <li>Change the field design:
            <ul>
              <li><strong>Fill color &amp; opacity: </strong>Set the color of the field background and drag the slider to change the opacity.</li>              <li><strong>Border color &amp; opacity:</strong> Set the color and opacity of the field border.</li>            </ul>          </li>        </ol>      </li>      <li><strong>Buttons:</strong>
        <ol>
          <li>Select <strong>Buttons</strong>.</li>          <li>Select the button you want to customize (Submit, Back, Upload, etc.).</li>          <li>Click the <strong>Hover</strong> tab.</li>          <li>Change the button's design:
            <ul>
              <li><strong>Text color:</strong> Set the color of the button text in the hover state.</li>              <li><strong>Color &amp; opacity: </strong>Set the color of the button background and drag the slider to change the opacity.</li>              <li><strong>Border color &amp; opacity:</strong> Set the color and opacity of the button's border.</li>            </ul>          </li>        </ol>      </li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/07/f9359600-cb03-4d29-bbce-67dba5e29d86/8b155fad-596d-41c2-8d1b-ef00a834a912.jpg" alt="The form field design panel is open. The hover state has been selected, and the cursor is clicking the color box." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tips:</div><div class="info-content"><ul>
  <li>You should also customize the form fields in the Error state to ensure improved accessibility.</li>  <li><a data-composite="true" href="https://support.wix.com/en/article/accessibility-preparing-your-text-and-graphics" target="">Learn more about colors and contrast in site accessibility</a></li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-4-enable-visual-indicators-on-your-site" level="3">Step 4 | Enable visual indicators on your site</h2></div><div data-component-type="text"><div>Visual indicators can help those with different vision / mobility needs navigate your site. When you enable them, visitors using the Tab key can see a blue box around the section or element they are on. <a data-composite="true" href="https://support.wix.com/en/article/accessibility-turning-the-blue-boxes-visual-indicators-on-and-off" target="">Learn more about visual indicators</a></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title"></div><div class="info-content"><div>Visual indicators are automatically enabled on sites built in the Studio Editor.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">To enable visual indicators:</h2></div><div data-component-type="text"><ol>
  <li>Select <strong>Settings </strong>on the top bar of the Wix Editor.</li>  <li>Select <strong>Accessibility Wizard</strong>.</li>  <li>Select the <strong>More actions</strong> icon <img data-composite="true" src="https://lh6.googleusercontent.com/opXJFSSKoZdZ0l3N8VdFcrR4TnvE4tiiTz1AHYBHytfL3f-dkfjJ1TOkrC6j10wq-fDeiHvvQRjeAs3Hb-Lo3v0PmC_O6vamAU4QV6z69ZVZUzUC3VXQE7c6E5eOVQNncGR4w70a" /> on the top right of the Wizard. </li>  <li>Select <strong>Advanced accessibility settings</strong>.</li>  <li>Select <strong>Visual indicators</strong>. </li>  <li>Enable the <strong>Allow keyboard users to navigate through your site </strong>toggle.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/07/22/451e930b-a31a-4d26-915c-95ff0c2c53a4/f00095b7-c375-43b5-aaba-479698334c3f.png" alt="The visual indicators toggle has been enabled in the advanced settings of the Accessibility Wizard." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Next step:</div><div class="info-content"><div>Go back to the <a href="https://support.wix.com/en/article/accessibility-checklist-for-improving-your-sites-accessibility">Accessibility Checklist</a> to continue improving your site's accessibility. </div></div></div></div>

Accessibility statements outline what you or your brand / business have done on your site to make it more accessible to people with disabilities.  You can use the following article to assist you in wr...

Accessibility: Adding an Accessibility Statement to Your Site

Create an accessibility statement for your site to outline the efforts made to ensure it is accessible to individuals with disabilities. This article guides you on what to include, such as compliance with WCAG guidelines, adjustments made for content and media, and contact information for your accessibility coordinator. By adding this statement, you demonstrate your commitment to inclusivity and help meet legal obligations in your region.

<div data-component-type="text"><div>Accessibility statements outline what you or your brand / business have done on your site to make it more accessible to people with disabilities.  </div></div><div data-component-type="text"><div>You can use the following article to assist you in writing your site's accessibility statement. However, it should not be relied upon for legal advice as laws and requirements may differ depending on your region. </div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important:</div><div class="info-content"><div>In certain countries, an accessibility statement is the legal obligation of the site owner. Please ensure you are following the laws and requirements of your region.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="what-to-include-in-an-accessibility-statement" level="3">What to include in an accessibility statement</h2></div><div data-component-type="text"><div>When you create and publish an accessibility statement on your site, you may want to include the following:</div></div><div data-component-type="text"><ul>
  <li>The date the statement was last updated.</li>  <li>A general statement on the accessibility efforts that have been implemented. Examples include:
    <ul>
      <li><strong>Tools and guidelines:</strong>
        <ul>
          <li>The WCAG version (2.0 / 2.1 / 2.2) and level (A / AA / AAA) that you have followed.</li>          <li>Whether you have used the <a data-composite="true" href="https://support.wix.com/en/article/accessibility-about-the-accessibility-wizard-7284021" target="">Wix Accessibility Wizard</a> and made all of the needed adjustments.</li>        </ul>      </li>      <li><strong>Site content and structure:</strong>
        <ul>
          <li>Whether you have set the <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-accessibility-setting-your-sites-language" target="">site language</a>.</li>          <li>Adjustments made to the <a data-composite="true" href="https://support.wix.com/en/article/accessibility-checking-and-adjusting-a-sites-dom-order" target="">content order</a> of your site pages.</li>          <li>Adjustments made to the <a data-composite="true" href="https://support.wix.com/en/article/accessibility-preparing-your-site-structure" target="">heading structure</a> of your site pages.</li>        </ul>      </li>      <li><strong>Media, files, and animation:</strong>
        <ul>
          <li>Whether your site images have <a data-composite="true" href="https://support.wix.com/en/article/accessibility-preparing-your-images-and-galleries" target="">alternative text</a>.</li>          <li>Whether the color combinations used on your site have the required <a data-composite="true" href="https://support.wix.com/en/article/accessibility-preparing-your-text-and-graphics" target="">contrast ratio</a>.</li>          <li>Whether <a data-composite="true" href="https://support.wix.com/en/article/accessibility-reducing-motion" target="">disturbing motion has been reduced</a> on the site.</li>          <li>Accessibility adjustments made to <a data-composite="true" href="https://support.wix.com/en/article/accessibility-making-videos-and-audio-accessible" target="">videos and audio</a> on the site.</li>          <li>Whether <a data-composite="true" href="https://support.wix.com/en/article/accessibility-making-document-files-accessible" target="">documents</a> are accessible on the site.</li>        </ul>      </li>    </ul>  </li>  <li>Known accessibility limitations due to the use of third-party services on the site.</li>  <li>Any accessibility arrangements and accommodations in the physical site of business (such as theaters, restaurants, etc.).</li>  <li>Contact information for the person responsible for your site's accessibility, such as their full name, e-mail address, and telephone number.</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Want to add more information?</div><div class="info-content"><div>Use <a data-composite="true" href="https://support.wix.com/en/article/accessibility-checklist-for-improving-your-sites-accessibility" target="">our accessibility checklist</a> to get ideas for your site's accessibility statement.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-an-accessibility-statement-to-your-site" level="3">Adding an accessibility statement to your site</h2></div><div data-component-type="text"><div>Add an accessibility statement to make a clear declaration of your company's efforts in web accessibility. We recommend using a dedicated page for the statement, and linking to it from your site's header or footer.</div></div><div data-component-type="heading"><h2 id="" level="4">To add an accessibility statement to your site:</h2></div><div data-component-type="text"><ol>
  <li>Add a page to your site, and name it &quot;Accessibility Statement&quot;.</li>  <li>Add text boxes to the page, and enter your accessibility statement into them as needed. </li>  <li>Create a link to the page with text or a button, and name it &quot;Accessibility Statement&quot;. </li>  <li>Attach the linked text / button to your site's header / footer to ensure visitors can view the statement from any of your site's pages.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note:</div><div class="info-content"><div>Use multiple text boxes in your statement to ensure that each part of the text has the <a data-composite="true" href="https://support.wix.com/en/article/accessibility-preparing-your-site-structure" target="">correct HTML tag</a> (h1/h2/p). You can check the example in the next section to see which HTML tags to use.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="accessibility-statement-template" level="3">Accessibility statement template</h2></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important:</div><div class="info-content"><div>The purpose of the following template is to assist you in writing your accessibility statement. Please note that you are responsible for ensuring that your site's statement meets the requirements of the local law in your area or region.</div></div></div></div><div data-component-type="text"><div><em><strong>Accessibility statement</strong></em><strong> </strong>(h1)</div></div><div data-component-type="text"><div>(p)<em> This statement was last updated on</em> [enter relevant date]<em>.</em></div></div><div data-component-type="text"><div>(p)<em> We at </em>[enter organization / business name] <em>are working to make our site </em>[enter site name and  address]<em> accessible to people with disabilities.</em></div></div><div data-component-type="text"><div><em><strong>What web accessibility is</strong></em> (h2)</div></div><div data-component-type="text"><div>(p) <em>An accessible site allows visitors with disabilities to browse the site with the same or a similar level of ease and enjoyment as other visitors. This can be achieved with the capabilities of the system on which the site is operating, and through assistive technologies.</em></div></div><div data-component-type="text"><div><em><strong>Accessibility adjustments on this site</strong></em> (h2)</div></div><div data-component-type="text"><div>(p) <em>We have adapted this site in accordance with WCAG </em>[2.0 / 2.1 / 2.2 - select relevant option]<em> guidelines, and have made the site accessible to the level of </em>[A / AA / AAA<em> - </em>select relevant option]. <em>This site's contents have been adapted to work with assistive technologies, such as screen readers and keyboard use. As part of this effort, we have also </em>[remove irrelevant information]<em>:</em></div></div><div data-component-type="text"><div>(p)</div><ul>
  <li><em>Used the Accessibility Wizard to find and fix potential accessibility issues</em></li>  <li><em>Set the language of the site </em></li>  <li><em>Set the content order of the site’s pages</em></li>  <li><em>Defined clear heading structures on all of the site’s pages</em></li>  <li><em>Added alternative text to images</em></li>  <li><em>Implemented color combinations that meet the required color contrast</em></li>  <li><em>Reduced the use of motion on the site</em></li>  <li><em>Ensured all videos, audio, and files on the site are accessible</em></li></ul></div><div data-component-type="text"><div><em><strong>Declaration of partial compliance with the standard due to third-party content </strong></em>(h2) [only add if relevant]</div></div><div data-component-type="text"><div>(p) <em>The accessibility of certain pages on the site depend on contents that do not belong to the organization, and instead belong to [enter relevant third-party name]. The following pages are affected by this: </em>[list the URLs of the pages]. <em>We</em> <em>therefore declare partial compliance with the standard for these pages.</em></div></div><div data-component-type="text"><div><em><strong>Accessibility arrangements in the organization</strong></em><strong> </strong>(h2) [only add if relevant]</div></div><div data-component-type="text"><div>(p) [Enter a description of the accessibility arrangements in the physical offices / branches of your site's organization or business. The description can include all current accessibility arrangements  - starting from the beginning of the service (e.g. the parking lot and / or public transportation stations) to the end (such as the service desk, restaurant table, classroom etc.) It is also required to specify any additional accessibility arrangements, such as disabled services and their location, and accessibility accessories (e.g. in audio inductions and elevators) available for use]</div></div><div data-component-type="text"><div><em><strong>Requests, issues, and suggestions</strong></em> (h2)</div></div><div data-component-type="text"><div>(p) <em>If you find an accessibility issue on the site, or if you require further assistance, you are welcome to contact us through the organization's accessibility coordinator:</em></div><ul>
  <li>[Name of the accessibility coordinator]</li>  <li>[Telephone number of the accessibility coordinator]</li>  <li>[Email address of the accessibility coordinator]</li>  <li>[Enter any additional contact details if relevant / available]</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Next step:</div><div class="info-content"><div>Go back to the <a href="https://support.wix.com/en/article/accessibility-checklist-for-improving-your-sites-accessibility">Accessibility Checklist</a> to continue improving your site for accessibility.</div></div></div></div>

Currently, Wix does not offer paid or free reviews from experts to check how accessible your site is. In order to get your site reviewed, you must contact an external accessibility advisor in your reg...

Accessibility Request: Receiving a Review from a Wix Accessibility Expert

Discover how to enhance your site's accessibility by seeking an external accessibility advisor, as Wix currently does not provide expert reviews. While we continuously strive to improve our products, your feedback plays a crucial role in this process. Learn how to take proactive steps towards making your site more accessible for all users.

<div data-component-type="text"><div>Currently, Wix does not offer paid or free reviews from experts to check how accessible your site is. In order to get your site reviewed, you must contact an external accessibility advisor in your region.</div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is greatly appreciated.</div></div>

Currently, it is not possible to change the tabbing and DOM order of page content for different languages, for example, languages that read right to left. We are always working to update and improve o...

Accessibility Request: Changing the Tabbing Order for Different Languages

Discover the current limitations regarding the tabbing and DOM order of page content for different languages, particularly for right-to-left languages. While these features are not yet available, Wix is committed to continuous improvement and values your feedback to enhance the user experience.

<div data-component-type="text"><div>Currently, it is not possible to change the tabbing and DOM order of page content for different languages, for example, languages that read right to left. </div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is greatly appreciated.</div></div>

Web accessibility ensures that everyone, including those with disabilities, can access, navigate, and enjoy a site. Some visitors experience the internet differently - and it is important to adapt sit...

Accessibility: Checking Site Accessibility with the Accessibility Monitor

Discover how to enhance your site's accessibility with Wix to ensure everyone, including those with disabilities, can navigate and enjoy your content. Learn to use the Accessibility Monitor, a tool that scans your live site for potential issues and guides you through fixing them using the Accessibility Wizard. By following these steps, you can create a more inclusive online experience for all visitors.

<div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/en/article/accessibility-about-web-accessibility" target="">Web accessibility</a> ensures that everyone, including those with disabilities, can access, navigate, and enjoy a site. Some visitors experience the internet differently - and it is important to adapt sites you build to accommodate those experiences.</div></div><div data-component-type="text"><div>There are various ways to check and improve a site's accessibility with Wix, including the Accessibility Monitor. This a tool that scans a live Wix site for potential accessibility issues, and displays the status on the site's dashboard.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important:</div><div class="info-content"><div>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.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="checking-and-using-the-accessibility-monitor" level="3">Checking and using the Accessibility Monitor</h2></div><div data-component-type="text"><div>Open the Monitor from your site's dashboard to check your live site's accessibility status. If any issues have been detected, you can use the Monitor to open the Accessibility Wizard in your editor and resolve them.</div></div><div data-component-type="heading"><h2 id="" level="4">To use the Accessibility Monitor:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://www.wix.com/my-account/site-selector/?buttonText=Go%20to%20Dashboard&amp;title=Select%20a%20Site&amp;autoSelectOnSingleSite=true&amp;actionUrl=https://www.wix.com/dashboard/%7B%7BmetaSiteId%7D%7D/home/" target="_blank">Go to your site's dashboard</a>.</li>  <li>Hover over <strong>Site &amp; Mobile App</strong> in the left menu. </li>  <li>Select <strong>Website </strong>under<strong> Website Overview</strong>.</li>  <li>Check the <strong>Accessibility</strong> card.</li>  <li>(If issues identified) Click <strong>Fix Issues </strong>to open the Accessibility Wizard in your editor (Studio Editor or Wix Editor).</li>  <li><a data-composite="true" href="https://support.wix.com/en/article/accessibility-using-the-accessibility-wizard" target="">Follow the steps in the Wizard</a> to improve the site's accessibility.</li>  <li>Save and publish the changes.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/09/09/94191cdb-eaf0-4e1f-ae84-db89fdd2f66a/4c4fe0e2-704d-4839-a08e-ec57a0b6e224.jpg" alt="A wix site dashboard. The Accessibility Monitor widget is highlighted. 'Fix Issues' is being clicked." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Select a question to learn more about the Accessibility Monitor.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What site builders is the Monitor available on?</h4><div class="collapsible-content"><div>The Accessibility Monitor is available for sites built in the Wix Editor, the Studio Editor, and the Wix Harmony Editor.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">How often should I check the Monitor?</h4><div class="collapsible-content"><div>We recommend checking the Monitor every time you publish new changes on a site, so you can continue to improve its accessibility while expanding the brand or content. </div></div></div></div>

How to begin

Choosing a template

Hiring a professional to build your site

Build your website and business with Wix. Try using our AI tools to create your website, customize templates, or hire professionals to build or enhance your online presence.

Getting started with Wix

Learn how to build your website and business using Wix.

Wix Editor basics

Using the Editor tools

Your site's layout

Strips and columns

Your site's structure

Designing your site

Pages

Menus

Managing pages and menus

Text

Buttons

Containers and boxes

Slideshows

Shapes and lines

Adding and customizing elements

Images

Galleries

Videos

Documents and files

Adding files and media

Working with elements

Using effects and animations

Sharing and promoting your site

Adding advanced elements

Getting started

Mobile tools

Pages on mobile

Background on mobile

Mobile site layout

Site menu on mobile

Text on mobile

Media on mobile

Other elements on mobile

Troubleshooting your mobile site

Building a mobile site

Troubleshooting Editor sites

Using the Wix Editor

Using your dashboard

Managing your site

Managing Roles & Permissions

Getting started with AI

Using AI to create & manage your website

Using AI to set up your business

AI tools

Getting started with the editor

Using the editor tools

Structuring your site

Adding animations and effects

Branding your site

Troubleshooting your site

Using the Wix Harmony Editor

Media Manager basics

Uploading media

Purchasing media

Managing media

Troubleshooting media

Adding & managing media

Using the Pro Gallery

Editing images (Wix Photo Studio)

Getting started with Wixel

Creating and managing projects

Designing with Wixel

Upgrading and account management

Wixel

Managing your media

Wix Multilingual basics

Translating your website

Managing languages

SEO in Wix Multilingual

Creating a multilingual website

Privacy and GDPR

About accessibility

Making your site accessible

Advanced accessibility features

Building an accessible site

About the CMS (Content Management System)

Managing CMS collections

Connecting CMS collection content to your site

Working with dynamic pages and the CMS

Connecting user input elements to CMS

Using CMS with other Wix products

Advanced CMS features

Wix for Developers

Test Site

SSO Login

Wix Blocks

Advanced features

Getting started with  Wix Vibe

Managing your Wix Vibe site

Customizing your Wix Vibe site

Publishing your Wix Vibe site

Using Wix Vibe

Read how to use the Wix Editor and manage content on your site. Discover how to protect your visitors' privacy and make your site accessible.

Creating a website

Design and manage your site with smart functionalities.


Changing your account settings

Sign in issues

Managing your account

Upgrading to a Premium plan

Billing for Premium Plans

Billing for Domains

Billing for Google Workspace Business Emails

Managing your subscriptions

Charges, payments and tax

Invoices for Wix services

Using vouchers and promotions

Billing & premium subscriptions

Review your account settings, manage your subscriptions and plans and understand your invoices.

Account & billing

Manage subscriptions, plans and invoices.

Managing your site with the Wix app

Mobile apps basics

Customizing your own mobile app

Managing your own mobile app

Submitting your mobile app for approval

Building your own mobile app

Customizing your site on the Wix member apps

Managing your site on the Wix member apps

Using mobile apps as a member

Using the Wix member apps

Mobile apps for your customers

Use our mobile apps to run your business efficiently on the go and set up a dedicated app for your site members to stay in touch. 

Using the Wix mobile apps

Run your business and connect with members.