banner landmark: identifies branding content

Rule ID Landmark 4
Definition Website branding content, typically at the top of a web page, must be identified by using the banner landmark.
  • A banner landmark provides a way to identify organizational or company branding content, usually replicated across all pages and located at the top of each page.
  • HTML5 and ARIA Techniques (Required)
WCAG Success Criteria

2.4.1 Bypass Blocks (Level A, Primary Success Criterion)

Rule Category Landmarks
Scope Website
Target Resources [role="banner"] and top-level header element
  • header
  • 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