Missing landmark regions

WCAG 1.3.1 (A) · EN 301 549 9.1.3.1

The page does not mark up some of its main regions: {missing}.

Why it matters

Screen readers let people jump straight to the navigation, the content or the footer. If those regions are not marked up, those shortcuts do not work and everything has to be traversed.

How to fix it

Use the correct semantic elements: <header>, <nav>, <main> and <footer>, instead of <div class="header">.

<div class="header">…</div>
<div class="content">…</div>
<div class="footer">…</div>

<header>…</header>
<main id="content">…</main>
<footer>…</footer>

Related

• Form fields with no label
• Option group with no group label
• Heading levels skipped
• Missing main heading, or more than one