Accessibility fix guide
How to fix: Content should sit inside landmarks
Wrapping content in landmark regions (header, nav, main, footer) lets screen-reader users jump straight to the part they want.
The fix
Place all meaningful content inside landmarks (header, nav, main, footer) so users can navigate by region.
Before and after
Fails
<div class="promo">Summer sale</div>
Passes
<main>…<section aria-label="Promotions">Summer sale</section>…</main>
Related fixes
Does your site have this issue?
Scan any page free against WCAG 2.2 AA and get every issue with its fix.
Scan your site free