Navigation HTML · Landmark
Navigation als Seitenkarte bauen.
<nav> kennzeichnet wichtige Gruppen von Navigationslinks. Unterschiedliche Funktionen brauchen unterscheidbare Namen über aria-label oder aria-labelledby; wiederholte Linkgruppen mit gleicher Funktion tragen denselben Namen. <ul> und <li> halten die Links als Liste zusammen. aria-current="page" markiert höchstens einen aktuellen Link pro Navigation – zusätzlich sichtbar gestaltet.
Landmark-Karte
Zwei Linien. Ein aktueller Ort.
<nav aria-label="Haupt">
<ul>
<li><a href="/">Start</a></li>
<li><a href="/leistungen">Leistungen</a></li>
<li><a href="/wissen" aria-current="page">Wissen</a></li>
</ul>
</nav>
<nav aria-label="Service">
<ul>
<li><a href="/hilfe">Hilfe</a></li>
<li><a href="/kontakt">Kontakt</a></li>
</ul>
</nav>Landmark-Verzeichnis
- Navigation „Haupt“
- 3 LinksWissen · aktuell
- Navigation „Service“
- 2 Links
Der Website-Check meldet gleiche Landmark-Namen und ungültige ARIA-Werte. Ob wiederholte Navigationen dieselbe Funktion haben, entscheidet die Kontextprüfung.
Website auf Barrierefreiheit prüfen