Banner landmark should not be contained in another landmark

Banner landmark cannot be nested within another landmark.

If the banner landmark is not the top-level landmark (and is located within another landmark), it does not effectively designate the pre-defined header area of the layout, preventing screen reader users from navigating the layout with ease.

Landmarks are utilized to denote areas of the overall page layout and design. Utilizing headings to identify parts within the article.

What this Accessibility Rule Checks

This rule identifies (banner / contentinfo) landmarks and walks up the document’s structure to ensure that no more landmark roles are met before reaching the body.

Learn more:

Deque Reference

Deque University - How To Fix

→