How to fix landmark one main on WooCommerce
Add a single `<main>` landmark element (or `role="main"`) to every page so assistive technologies can identify and navigate directly to the primary content.
Steps for WooCommerce
- The correct file to edit depends on your active theme. In WordPress Admin, go to Appearance → Theme File Editor (or edit files via FTP/SSH).
- Open your active theme's `header.php`. Look for the closing `</header>` tag — the `<main>` element typically opens immediately after it.
- If the content area is a `<div id="primary">` or similar, change it to `<main id="primary" class="site-main">` and update the matching closing tag in `footer.php` or `index.php`.
- For block themes (WordPress 6+): go to Appearance → Editor → Templates → select a template (e.g. Single Product). In the block list panel, locate the 'Group' or 'Content' block that holds page content, click it, and in the sidebar under 'Advanced → HTML element' choose `<main>`.
- Install and run the free WP Accessibility plugin — it can audit and patch missing landmarks automatically.
- Re-test with axe DevTools.
What is landmark one main?
Every web page should have exactly one "main" landmark — a special HTML tag (`<main>`) or ARIA role (`role="main"`) that marks the start of the primary content on the page. Think of it like a "skip to content" anchor that is built directly into the page structure. Screen readers and other assistive technologies use landmarks to let users jump between sections (navigation, header, main content, footer) without having to listen to everything in order. The `landmark-one-main` rule specifically checks that your page has one — and only one — such marker.
Without a main landmark, people who use screen readers (blind users, users with motor disabilities who rely on keyboard or switch navigation) must tab through every link, menu item, and banner on your page before they reach any product or content — on every single page load. This is a major usability barrier that can expose your store to accessibility lawsuits under the ADA (US), AODA (Canada), EAA (EU), and similar regulations that require conformance with WCAG 2.1. Fixing it is also a WCAG 2.1 Success Criterion 1.3.6 and 2.4.1 compliance item. Additionally, Google's crawlers and structured-data systems recognise landmark regions, so clear page structure can indirectly support crawl efficiency and rich-result eligibility.
See the complete Landmark one main guide for every platform and the full background.
Not sure if your WooCommerce store has this?
Run a free SEOLZ scan — we’ll find landmark one main and every other issue across your whole site.
Scan my site free