Ensure the Order of Headings is Semantically Correct
Blind
Hearing
Mobility
WCAG 2.1 Level A
H1 through H6 element tags must appear in a sequentially descending order.
Headers are used to convey the structure of the page and when applied correctly, the page becomes much easier for sighted and screen reader users to navigate.
Headings should be used to describe the structure of a webpage, so they should be brief, clear, unique, and marked with H1 through H6 elements applied in hierarchical order.
Ensure all headings are placed in a logical order. For example, the heading level following an H1 element should be an H2 element, not an H3 element. These markups should also only be used on text that is actually a header.
<h1>Setting the Exposure Manually on a Camera</h1>
<p>Put text here...</p>
<h2>Set the ISO</h2>
<p>Put text here...</p>
<h2>Choose an aperture</h2>
<p>Put text here...</p>
<h2>Choose a shutter speed</h2>
<p>Put text here...</p>
Copy