Rule ID |
Landmark 16 |
Definition |
Each element with an [role=region] that should be an region landmark must have an accessible name. |
Purpose |
- The
region landmark is used to identify subsections of banner , complementary , contentinfo , main , navigation and search landmarks.
- For an element with an
[role=region] to be considered an region landmark on the page, it must have an accessible name that identifies the contents of the region.
|
Mappings |
-
HTML4 Legacy Techniques
(Recommended)
-
HTML5 and ARIA Techniques
(Required)
|
WCAG Success Criteria |
1.3.1 Info and Relationships (Level A, Primary Success Criterion)
Other Related Success Criterion:
|
Rule Category |
Landmarks |
Scope |
Element |
Target Resources |
Elements with role="region" and section elements
|
Techniques |
- A
section element or an element with a role="region" attribute, which also has an author-defined accessible name, will be considered an region landmark.
- Use the
aria-labelledby attribute to provide an accessible name by referencing the id s of one or more heading (e.g. h2, h3, h4 element) or other elements that identify the contents of the region.
- Use the
aria-label attribute to provide an accessible name that identifies the contents of the region.
- The
title attribute may also be used to provide an accessible name to identify the contents of the region. Note, however, that this technique also generates a tooltip in many web browsers.
|
Informational Links |
|