Use exactly one main landmark

A single main landmark allows keyboard and screen reader users to jump directly to the primary content of the page, bypassing repetitive navigation.

Quick Reference

• Ensure each page has exactly one <main> element
• Avoid multiple elements with role='main'
• Provides a clear starting point for the page's primary content

Check

Count the number of elements or elements with role='main' on the page to ensure there is exactly one.

Fix

Combine multiple main content areas into a single element or remove the 'role=main' attribute from extra containers.

Explain