Rule: region landmark must have accessible name

Rule ID Landmark 16
Conformance Required
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.
Conformance Required
WCAG Success Criteria

Success Criterion 1.3.1 Info and Relationships

Rule Category Landmarks
Rule Scope Element
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.
Information Links