Wix Editor: About the Order of Your Site's Elements
4 min read
The elements on your site pages are organized into a certain order. This order has both visual and functional aspects. It determines the display, loading, and tabbing sequence of elements on your live site.
The order of your site's elements is automatically determined, however you can make manual changes if needed.
In this article, learn more about:
The order of elements on your site
Elements you add to your site are organized in your page's layers, and are displayed in a specific order. This sequence is taken from your site's DOM order, which refers to the loading and reading sequence of page elements.
The order of elements on your site is an important part of your site's performance. It is also essential for your site's accessibility, as it determines the sequence in which visitors using assistive technologies (or the tab key) navigate your page content.
Wix automatically sets a DOM order for you. The sequence uses the visual order of the elements; from left to right, and from top to bottom.
Manually changing the order of your site elements
Automatic DOM order is automatically enabled on your desktop site. If the visual and tabbing order of your site is logical, we recommend keeping the sequence as it is. However, if your site's DOM order is not logical, you can manually change it in the Accessibility Wizard.
Want to check your site's DOM order?
Preview or open your live site, and press the Tab key on your keyboard to move through the page elements.
To change the DOM settings:
- Select Settings on the top bar of your Editor.
- Select Accessibility Wizard.
- Select the More Actions icon at the top right of the Wizard.
- Select Advanced accessibility settings.
- Select Automatic DOM Order.
- Disable the toggle in the panel.
- Select Turn It Off in the pop-up window.
- Select the Layers icon at the bottom left of the Editor.
- 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.
- Drag and drop the remaining elements into the desired order.
Potential issues and troubleshooting steps
Issues with your site's DOM order can impact your site's performance and accessibility, as well as the overall structure of your site pages. Select an option to learn more about these issues, and discover potential resolutions.
The loading order of elements on my live site does not match the visual order of elements
Elements move around on the page when I save my site
The tabbing order of elements on my live site does not match the visual order of elements
The automatic DOM order doesn't match my site's language
Did this help?
|