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
External Resources
Automate Your Accessibility Testing
Our tool automatically checks for this rule and hundreds of other accessibility issues.
Start Your Free Trial