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.
|
Mappings |
-
HTML5 and ARIA Techniques
(Required)
|
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 |
|