landmark-contentinfo-is-top-level

Contentinfo landmark must be top-level

manualconfidence: mediumseverity: minoroperable

Checks that the contentinfo landmark (role="contentinfo" or a non-nested <footer>) is not nested inside another landmark region.

Applies to. Applies whenever the page contains at least one contentinfo candidate: explicit role="contentinfo", OR a <footer> with NO role attribute at all, regardless of nesting (see implementation notes on why candidate selection is unconditional on purpose).

Expectation. No contentinfo candidate has an ancestor that is itself any landmark region. A contentinfo nested inside another landmark is not a top-level, whole-page footer region and confuses landmark-based navigation for assistive technology users.

Examples

can't tell
<div role="navigation">
<div role="contentinfo">Nested contentinfo</div>
</div>

A contentinfo landmark nested inside another landmark no longer functions as the page's single top-level footer.

n/a
<footer>Site footer</footer>

The contentinfo is not nested inside any other landmark.

View source