Rule: `banner` landmark: must be top-level

Rule ID	Landmark 8
Conformance	Recommended
Definition	The `banner` landmark must be a top-level landmark.
Purpose	Top-level landmarks are the easiest to find and navigate to using assistive technologies. Banner content is usually the content at beginning of a page that repeats on most pages within a website.
Conformance	Recommended
WCAG Success Criteria	Success Criterion 1.3.1 Info and Relationships Other Related Success Criterion: Success Criterion 2.4.1 Bypass Blocks Success Criterion 2.4.6 Headings and Labels Success Criterion 2.4.10 Section Headings
Rule Category	Landmarks
Rule Scope	Element
Techniques	When creating the landmark structure on the page, ensure that the `banner` landmark or `header` element is a top-level landmark (i.e., it is not contained within any other landmarks). A `header` element with the context of the `body` element or an element with `[role="contentinfo"]` attribute defines a `banner` landmark.
Information Links	Accessible Rich Internet Applications (WAI-ARIA) 1.2 Specification: banner role HTML5: The HEADER element WAI-ARIA Authoring Practices 1.2: Landmarks WAI-ARIA Authoring Practices 1.2: Landmark Example W3C Web Accessibility Tutorials: Page Structure ARIA11: Using ARIA landmarks to identify regions of a page ARIA13: Using aria-labelledby to name regions and landmarks ARIA14: Using aria-label to provide an invisible label where a visible label cannot be used

Rule: banner landmark: must be top-level