The page header is nested inside another region
Automated check landmark-banner-is-top-level, run with axe-core
- WCAG
- Best practice: a recommendation, not a WCAG success criterion
- Severity
- Moderate: a degraded experience
- Typical effort
- Quick win, under 1 hour
- Category
- Page structure
Who this affects
Screen reader users navigating by page regions.
Why it matters
A header region inside another region muddles the page outline, so jumping to the header lands in the wrong place.
How to fix it
Move the site <header> out of <main>, <aside> and other regions so it sits at the top level.
Check your own website
The free scan tests 3 pages against WCAG 2.2 A and AA in about 30 seconds. No sign-up.