Sidebars are nested inside other regions

Automated check landmark-complementary-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 complementary region nested inside another one is harder to find and muddles the page outline.

How to fix it

Place <aside> elements at the top level of the page, or use a plain <div> for content that belongs to another region.

Related checks: Page structure

• The page has no title
• Headings contain no text
• Iframes have no title
• Several frames share the same title
• Heading levels are skipped or out of order
• The page does not declare its language
• The declared page language is not valid
• The lang and xml:lang attributes disagree

All checks