navigation-landmark

Installation
SKILL.md

Use navigation landmark regions

Navigation landmarks allow screen reader users to quickly jump to and identify different navigation areas—without them, users must tab through every link to find what they need.

Quick Reference

  • Wrap navigation links in nav elements
  • Use aria-label to distinguish multiple nav regions
  • Provide skip links to bypass repetitive navigation
  • Screen reader users navigate by landmarks

Check

Verify navigation areas use nav elements with aria-label or aria-labelledby to distinguish primary, secondary, and footer navigation.

Fix

Wrap navigation links in nav elements with descriptive aria-labels like 'Main navigation' or 'Footer navigation'.

Installs
1
GitHub Stars
73.0K
First Seen
Jun 7, 2026
navigation-landmark — thedaviddias/frontendchecklist