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.
Required Yes for HTML5 and ARIA Techniques ruleset mapping
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