Accessibility: Preparing Your Site Structure
3 min read
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 order and provide a clear experience for visitors.
In this article, learn more about:
Recommendations for preparing text
We recommend keeping the following guidelines in mind when preparing site text:
- Use HTML tags for your text: 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.
- The headings should be descriptive: Think of the headings as labels for the text below (this is also important for SEO).
- Spacing is important: While editing your text, if you want to break a heading into multiple lines, use the Shift + Enter keys to insert a line break, instead of Enter which creates a new heading element on each line.
- Add headings to the page body: 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.
Tip: If you have a one-page site with no additional pages, you can ignore this recommendation.
Adding HTML tags to text
Add HTML tags to site text to define its hierarchy. You can set the tag from the text's settings / design in your editor or select it in the Accessibility Wizard (Wix Editor sites only).
Studio Editor
Wix Editor
Acc. Wizard
- Click the Open Inspector icon
at the top right of the editor. - Click the Design tab
. - Choose an HTML tag from the drop-down menu.
Good to know:
Webpage content is "read" by the DOM order of your site pages. You can check this order and adjust it if needed. Learn more about organizing your site's order
Next step:
Go back to the Accessibility Checklist to continue improving your site for accessibility.
Did this help?
|