landmark-main-is-top-level

Main landmark must be top-level

Checks that the main landmark (role="main" or <main>) is not nested inside another landmark region.

Applies to. Applies whenever the page contains at least one main landmark (explicit role="main", or an implicit <main> element).

Expectation. No main landmark has an ancestor that is itself any landmark region. A main region nested inside another landmark is not a top-level, whole-page main content area and confuses landmark-based navigation for assistive technology users.

Examples

<div role="navigation">
  <main>Nested main</main>
</div>

<main>Content</main>

View source