region landmark must have accessible name

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)

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 ids 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