How to fix landmark no duplicate main on Webflow

Steps for Webflow

1. Open the Webflow Designer for the affected page or template.
2. In the Navigator panel (left sidebar) expand the page structure and look for any element explicitly tagged as '<main>' (a 'Main' element in the HTML tag dropdown) or any element with a custom attribute 'role' set to 'main'.
3. There should be exactly one. Select any duplicates, open the Element Settings panel (D key), change the HTML tag from 'main' to 'div' or another appropriate element, and remove any 'role="main"' custom attribute.
4. Also check global symbols (navbar, footer, CMS Collection wrappers) for inadvertent '<main>' tags.
5. Publish the site and verify with the axe browser extension.

What is landmark no duplicate main?

Every web page should have exactly one "main" landmark — the HTML `<main>` element (or any element with `role="main"`) — that wraps the primary content of that page. This landmark is part of the ARIA landmark system, which acts like a table of contents for assistive technology users. When a page has more than one `<main>` landmark, the structure is ambiguous and broken: screen readers, keyboard navigators, and other assistive tools cannot reliably identify where the page's core content begins and ends. The fix is to ensure only one `<main>` or `role="main"` exists in the entire rendered HTML of any given page.

Screen reader users — including blind shoppers and customers with motor disabilities — routinely press a single keystroke to jump directly to the main content area, skipping repeated navigation menus. If two `<main>` landmarks exist, assistive technology either stops at the first one (potentially landing on a header or widget instead of your products) or announces confusing duplicate regions, eroding trust and causing shoppers to abandon the page. WCAG 2.1 Success Criterion 1.3.6 (Identify Purpose) and wider landmark guidance require unique landmark roles; failing this check exposes your store to accessibility-compliance risk in jurisdictions with ADA, EAA, or EN 301 549 obligations. Fixing it is typically a quick template change with zero visual impact, so the risk-to-effort ratio strongly favours acting immediately.

See the complete Landmark no duplicate main guide for every platform and the full background.