Banner landmark must not be contained in another landmark

Rule ID: landmark-banner-is-top-level
Ruleset: axe-core 3.2
User Impact: Moderate
WCAG: Best practice
You are viewing older version of the axe rule.
Go to the latest version (3.3)

What if your accessibility tools could do more?

Axe can catch a lot of accessibility issues, but what if accessibility tools could do more? Join our beta program for a new tool that takes an exciting new approach to accessibility testing.

Compliance Data & Impact

User Impact

Disabilities Affected

  • Blindness
  • Deafblindness

Requirement(s)

  • Best Practice

WCAG Success Criteria

  • Not specified or not applicable

Section 508 Guidelines

  • Not specified or not applicable

How to Fix the Problem

Ensure each banner landmark is not contained in another landmark.

For each element on the page that uses the role="banner" ARIA landmark, ensure that it is not contained within another ARIA landmark, even though HTML5 allows multiple instances of the equivalent <header> landmark. It is appropriate in most web designs to have only one each of these landmarks, whether they are specified using ARIA or HTML5, and further, that they are not nested within one or more other landmarks.

Why this is Important

If the banner landmark is not the top-level landmark (and is contained within another landmark), it does not effectively designate the pre-defined header portion of the layout in the design and therefore prevents screen reader users from being able to easily find their way around the layout.

Note

Landmarks are used to designate sections of the overall page design and layout. Headings are used to designate sections within the content.

Rule Description

Banner landmark must not be contained in another landmark.

The Algorithm (in simple terms)

This rule finds (banner/contentinfo) landmarks and walks up the document structure verifying that no other landmark roles are encountered before reaching the body.

Resources

Refer to the complete list of axe 3.2 rules.

Was this information helpful?

You have already given your feedback, thank you.

Your response was as follows:

Was this information helpful ?
Date/ Time feedback was submitted :