axe-core rule: region

Page content sits outside any landmark region

What it is

Some content is not contained in a landmark region (header, nav, main, footer, or an ARIA region), so it is unreachable by landmark navigation.

Who it blocks

Screen reader users who navigate by landmarks to skip between page areas; orphaned content is easy to miss entirely.

How to fix it

Wrap all page content in the appropriate semantic elements: header, nav, main, aside, footer. Almost everything between the header and footer belongs inside main.

Example fix

<!-- Before -->
<body>
  <div class="promo">Free shipping this week</div>
  <main>...</main>
</body>

<!-- After -->
<body>
  <header>
    <div class="promo">Free shipping this week</div>
  </header>
  <main>...</main>
</body>

This is one of the barrier types BarrierScan checks for on every scan. Request a free accessibility scan to see whether it appears on your site, alongside the rest of the automated findings.