Document should have one main landmark

Moderate

What is the problem?

The "landmark-one-main" rule ensures that a web page has one primary landmark, typically marked with the role="main" attribute. This landmark helps screen reader users quickly navigate to the main content of the page.

Impacted Groups

Blind
Deafblind
Mobility

Why is this important?

For screen reader users, landmarks provide a high-level overview of a page's structure. Multiple main landmarks can confuse users and make it difficult to find the most important content.

How to solve this issue

To fix this, identify the primary content area on your page and apply the role="main" attribute to the appropriate HTML element. Ensure there's only one such element per page. If your page contains iframes, each should have either no landmarks or a single main landmark.

Rule Information

Rule ID

landmark-one-main

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.