| Rule ID |
Landmark 4 |
| Definition |
Website branding content, typically at the top of a web page, must be identified by using the banner landmark. |
| Purpose |
- 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)
Other Related Success Criterion:
|
| Rule Category |
Landmarks |
| Scope |
Website |
| Target Resources |
[role="banner"] and top-level header element
|
| 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 |
|