Require A Main Landmark
ID |
html.main_require |
Severity |
low |
Remediation Complexity |
low |
Remediation Risk |
low |
Remediation Effort |
low |
Resource |
Reliability |
Language |
Html |
Tags |
accessibility, reliability |
Rationale
The <main> element marks the dominant content of the document — the part unique to this page, as
opposed to repeated headers, navigation and footers. Screen-reader users jump straight to it with a
single landmark command, so a page without <main> forces them to wade through the chrome on every
visit and loses an important structural cue.
<body> <!-- FLAW — no main landmark in the document -->
<p>Content</p>
</body>
<body> <!-- OK — document has a main landmark -->
<main><p>Content</p></main>
</body>Remediation
Wrap the page’s primary content in a <main> element, leaving repeated chrome such as the header,
navigation and footer outside it.