Back to All Rules
Moderate2.4.1 Bypass Blocks (Level A), 1.3.1 Info and Relationships (Level A)Rule ID: landmark-unique

Landmarks with the same role must have unique labels

Multiple landmarks of the same type are present without unique labels.

Rule Description

Checks repeated landmarks (nav, aside, etc.) and ensures each has a unique accessible label.

Why It Matters

  • Screen reader landmark lists become ambiguous
  • Users cannot distinguish “Navigation” regions from each other
  • Jump navigation becomes slower and error-prone

How to Fix

Add distinct labels via aria-label or aria-labelledby for repeated landmark roles.

Bad Example:

<nav>...</nav> <nav>...</nav>

Good Example:

<nav aria-label="Primary navigation">...</nav> <nav aria-label="Footer navigation">...</nav>

Common Mistakes

  • Copy/pasting same landmark label
  • Leaving all repeated landmarks unlabeled
  • Labeling visually but not programmatically

Testing

  • Inspect landmarks list in a screen reader
  • Verify repeated role entries have unique names
  • Run automated rule checks for duplicate landmark labels

Automate Your Accessibility Testing

Our tool automatically checks for this rule and hundreds of other accessibility issues.

Start Your Free Trial