Description
Each page must have no more than one <main> landmark, used to identify the main content.
Purpose
The <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:
The
<main>element represents the dominant contents of the document. A document must not have more than one main element that does not have thehiddenattribute specified.
Examples of correct code for this rule:
<main></main>How to fix it
- Keep only one
<main>element on the page. - Prefer using the
<main>element over declaringrole="main", unless there are legacy browser support concerns.
WCAG Success Criteria
Standard
Accessibility