Each page must have no more than one
<main> landmark, used to identify the main content.
<main> element behaves like a main landmark role. It provides a navigation point to the primary content of the page for users of assistive technologies. The content of a
<main> element should be unique to the document. The HTML specification says:
<main>element represents the dominant contents of the document. A document must not have more than one main element that does not have the
Examples of correct code for this rule:
How to fix it
- Keep only one
<main>element on the page.
- Prefer using the
<main>element over declaring
role="main", unless there are legacy browser support concerns.
WCAG Success Criteria