landmark-one-main

Page must have one main landmark

Description

The <main> landmark element is intended to mark the location of the page's primary content for screen reader users, so logic requires that there be only one such element.

Quick Fixes

Ensure that each page contains only one <main> element. In cases where the primary content is divided into a few different sub-topics, the division should be made within the <main> element using <section> elements.

Note that for the <section> elements to be registered to the accessibility tree as landmarks, they must be labeled using aria-label or aria-labelledby attributes.

How Users Are Affected

The user experience of navigating the interface and understanding the role of content parts will not be optimal for screen reader users.

WCAG Success criteria

This issue might cause elements to fail one or more of the following Success criteria:
N/A (Best Practice)