banner landmark: no more than one

Rule ID Landmark 5
Definition Each page must contain no more than one banner landmark.
Purpose
  • A banner landmark provides a way to identify redundant branding content, usually placed at the top of each web page.
Mappings
  • HTML4 Legacy Techniques (Recommended)
  • HTML5 and ARIA Techniques (Required)
WCAG Success Criteria

2.4.1 Bypass Blocks (Level A, Primary Success Criterion)

Rule Category Landmarks
Scope Page
Target Resources [role="banner"] and top-level header element
  • header
Techniques
  • The header element defines a banner landmark, except when it is a descendant of any of the following elements: article, aside, main, nav or section.
  • If the header element technique is not being used, a role="banner" attribute on the container element for the branding content can be used to define a banner landmark.
  • In websites that support mashups using iframe or frame elements, a banner landmark is allowed in each frame.
  • If the page is part of a website supporting mashups, use the aria-labelledby or aria-label attribute to differentiate banner landmarks in each frame.
Manual Checks
  • Banners are a convention used on most web sites to convey branding information, and may also be used as a location for advertising information.
  • The banner landmark identifies the banner content on the page.
Informational Links