Page has no main landmark

  • WCAG 2.4.1 Bypass Blocks, level A
  • Moderate
  • Structure
  • Automated
  • Server pass

Why it matters

The main landmark lets keyboard and screen reader users jump straight past the header and menu to the content.

How to fix it

Wrap the page's primary content in a single <main> element.

<!-- After -->
<header>...</header>
<main id="content">
  ...page content...
</main>
<footer>...</footer>

Read the W3C guidance: Understanding 2.4.1 Bypass Blocks.

Related rules

Find this on your own site. A11yMate scans every page and lists where it happens. See pricing or browse all rules.