Main landmark

Rules

A page must have exactly one <main> element, or element with role="main".

Rationale

The WAI-ARIA main role help users of assistive technologies such as screen readers to skip directly to the main content of the page, bypassing navigation and other contents that might be before it.

Note: the WAI-ARIA main role is also implied by the <main> element.

Techniques

Good code example


                <div role="main" id="main-content"></div>

Bad code example


                <div role="main" id="main-content"></div>
                ...
                <main>...</main>

Tests

Procedure	Expected result	Type
Search source for `role="main"` and `<main>`.	There should be exactly one instance of `<main>` or `role="main"`.	Manual