Landmarks must be uniquely identifiable

Rule ID Landmark 17
Definition Multiple instances of landmarks with the same role must have unique accessible names.
Purpose
  • Landmarks identify the regions of content on a page.
  • When a landmark does not have an author-defined accessible name, assistive technologies will use its ARIA role as an identifier.
  • When there is more than one landmark of the same type on the page (e.g., multiple navigation and/or region landmarks), additional labeling through the use of author-defined accessible names is needed to allow users to differentiate among them.
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 Landmarks
  • aside
  • footer
  • header
  • main
  • nav
  • section
Techniques
  • Use the aria-labelledby attribute to provide a unique accessible name by referencing the id of a heading or other element on the page that describes the content of the landmark.
  • Use the aria-label attribute to provide a unique accessible name that describes the content of the landmark.
  • The title attribute may be used to provide a unique accessible name that describes the content of the landmark. Note, however, that many browsers will also generate a tooltip from the title attribute value.
  • While ARIA landmarks may be defined using the role attribute, some HTML5 sectioning elements have default landmark roles (e.g., main, nav, aside, and in some situations, header and footer). Thus when multiple nav elements, for example, are used on a page, define a unique accessible name for each of them.
Manual Checks
  • Verify that the label describes the content of the landmark.
Informational Links