Aside should not be contained in another landmark

Moderate

What is the problem?

The "landmark-complementary-is-top-level" rule ensures that complementary content, marked with the role="complementary" attribute or an <aside> element, is not nested within other landmarks like banner, contentinfo, or main.

Impacted Groups

Sighted Keyboard Users
Blind
Deafblind
Mobility

Why is this important?

Nesting complementary content within other landmarks can create a confusing document structure for screen reader users. This can make it difficult for them to understand the page's organization and navigate efficiently.

How to solve this issue

To fix this issue, ensure that complementary content is a top-level element in the document structure. It should not be nested within other landmark regions. This will help screen reader users understand the relationship between the complementary content and the main content of the page.

Rule Information

Rule ID

landmark-complementary-is-top-level

Severity

Moderate

Manual Review Required

No

Rule Group

Best Practices Rules

Guidelines

  • Best Practice

Customise Guidance

You can customise each accessibility rule in SiteAlly with your own guidance, instructions and even links to your own organisation specific documentation.

Enable your website editors to resolve issues quickly with SiteAlly.

Ready to make your website accessible?

SiteAlly provides automated accessibility monitoring, detailed reports, and step-by-step guidance to help you achieve and maintain compliance.