Can we count your visit?

Our analytics service records the pages you view, so we can see which ones are useful. It saves a random ID in your browser, and we never use it for advertising. Read our privacy policy.

Heading structure

Headings that outline the page in order, one main heading and then levels that nest without skipping.

Heading structure is the outline of a page expressed in real heading elements: one top-level heading for the page’s subject, second-level headings for its sections, third-level headings inside those, with no levels skipped. People using a screen reader move through a page by headings the way readers scan a document, and a sensible outline lets them find a section in seconds.

The common mistakes are using a heading element for its size rather than its meaning, styling bold text to look like a heading without marking it as one, and jumping from a level two to a level four. The W3C’s Easy Checks include reviewing headings as one of the first things to look at.

Source

Easy Checks – A First Review of Web Accessibility

W3C Web Accessibility Initiative (WAI), 2024. Checked .

Semantic HTML
Using the HTML element that means what the content is, such as a button for a button, so browsers and assistive technology understand it.
Landmark
A labeled region of a page, such as the main content or the navigation, that assistive technology can jump to.
Skip link
A link at the top of a page that lets people using a keyboard jump past the navigation to the main content.

Get help with every step.

We can work with organizations of every size and industry, from a startup serving its first customers to a bank. We find where you stand, help your team fix what matters, and keep checking as your product changes. That work is evidence of your effort, not a legal guarantee.

Talk to us about a first stepSee our services