1. Home
  2. Docs
  3. SiteLint
  4. Accessibility Rules
  5. main-landmark-must-be-top-level


Print this article


This rule determines if a given main landmark element (<main> element or an element with role="main") is not contained within any other landmarks.


The main landmark is used to describe the primary content of the page. Each page should have one main landmark. Top-level landmarks are the easiest landmarks to find and navigate to using assistive technologies.

How to fix it

  • Do not use any other type landmark element as a parent element for the <main> element on the page.
  • Note: prefer using the <main> element over declaring role="main", unless there are legacy browser support concerns.



Was this article helpful to you? Yes No
SiteLint Audits: Monitoring in real-time Accessibility, Performance, Privacy, Security, SEO, Runtime Errors and Console Logs