Structure

The information in this section is intended to provide support for some common issues in structuring content. Semantic HTML is a critical tool in the development of accessible structured web content.

Non-visual users rely on the programmatic information provided in the code. Users will start with the page title as their highest level understanding of the page.

Many non-visual users will use the landmarks provided to quickly scan the layout of the page and determine where specific information might be found. Frequent visitors to the page might use specific landmark information to target specific content or functions (e.g. a search bar).

Headings provide the next lower level of understanding the page for non-visual users. Users can scan through the headings and rely on their hierarchy to correctly understand the page.

A similar issue exists with lists. Non-visual users need to know when they have entered a list, how long is the list and where they are in the list. All of this information can be conveyed programmatically using semantic HTML.

In this section: