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)
Other Related Success Criterion:
|
Rule Category |
Landmarks |
Scope |
Page |
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 |
|