Skip to content

Rule · Accessibility

Landmarks are not uniquely identifiable

a11y/landmark-uniqueinfovoid a11yupdated

Why it matters

When a page has several nav or aside landmarks with no label, the landmark list shows identical entries and users cannot tell them apart.

How to fix it

Give each repeated landmark a distinct aria-label, such as "Primary" and "Footer".

Example

tsx
<nav aria-label="Primary">…</nav>
<nav aria-label="Footer">…</nav>

References

void a11y reports 48 rules in this category. WCAG 2.2 AA through axe-core, plus checks axe can't do alone: visible keyboard focus, 24/44px target size on mobile, 320px reflow and disabled zoom.