region

Page content should be inside a landmark region

manualconfidence: mediumseverity: minoroperable

Checks that content under <body> is contained within a landmark region.

Applies to. Applies to any element under <body> that directly carries visible text (or other own content, see @implementation-notes) and is not itself a landmark, live region, dialog, button, <svg>, <iframe>/<frame>, or a resolvable skip-link.

Expectation. Every top-level piece of page content lives inside a landmark region (main, navigation, banner, contentinfo, complementary, region, form, search), so assistive technology users navigating by landmark do not miss content that was never placed inside one.

Examples

can't tell
<body>
<p>Stray paragraph, not inside any landmark.</p>
</body>

This paragraph sits directly under `<body>`, outside every landmark.

n/a
<body>
<main>
<p>Everything lives inside a landmark.</p>
</main>
</body>

All page content is contained within a landmark region.

View source