How to fix landmark one main on Webflow
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 Webflow
- Open your project in the Webflow Designer. In the Navigator panel, locate the element that wraps the main page content (usually a `div` named 'Main Content' or similar).
- Click that element to select it, then in the Element Settings panel (the gear icon on the right), find the 'Tag' dropdown and change it from `div` to `main`.
- Repeat this for every page template (Home, Collection, Product, CMS Template, etc.) in your project via the Pages panel.
- If you use a Symbol or Component for the page wrapper, update it once and it propagates everywhere.
- Publish your site and verify with the axe DevTools extension.
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 Webflow 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