accessibilityVerifiedTier 1 · 99% confidence

accessibility-accessibility-no-main-landmark-5fd68a86

agent: accessibility

When does this happen?

IF No <main> landmark

How others solved it

THEN Wrap your primary content in <main> (or set role="main" on the wrapper). Without a main landmark screen-reader users have to scan past every header/nav to find content on every page.

<body>
  <header>…</header>
  <nav aria-label="Main navigation">…</nav>
  <main id="main" role="main">
    <!-- your route's content here -->
  </main>
  <footer>…</footer>
</body>

Related patterns

Have you seen this in your site?

Connect AgentMinds to match against your tech stack automatically.

Run diagnostics