Brotkrümelnavigation
Ein guter Pfad zeigt Herkunft und Gegenwart.
Setzen Sie den Pfad in ein benanntes nav, ordnen Sie die Ebenen als ol und markieren Sie nur die aktuelle Seite mit aria-current="page". Trennzeichen bleiben rein visuell.
01 / Pfadwerkstatt
Pfadtiefe einstellen, Semantik ablesen.
Die Demo startet von selbst und zeigt die wichtigsten Zustände. Sobald Sie eingreifen, gehört die Werkstatt Ihnen.
Pfadwerkstatt
Brotkrümel vor dem Einbau prüfen.
Sichtbare Vorschau
Semantik
nav · ol · aria-current<nav aria-label="Brotkrümel">
<ol>
<li><a href="/">Start</a></li>
<li><a href="/themen.html">Wissen</a></li>
<li><a href="/navigation-html.html">Navigation</a></li>
<li><a href="/brotkruemelnavigation.html" aria-current="page">Brotkrümelnavigation</a></li>
</ol>
</nav>Die Schrägstriche entstehen per CSS. So hören Screenreader nur die Links und die aktuelle Seite – nicht jedes Trennzeichen.
02 / Der Unterschied
Ein Pfad ist der Anfang, nicht die Orientierung.
Brotkrümel scheitern im Detail
Fehlen das benannte nav, die Listenstruktur oder aria-current, hören Screenreader nur eine Reihe gleichwertiger Links ohne Positionsangabe.
Der Check prüft die ganze Navigation
Auf Ihrer Website findet der Website-Check unbenannte Landmarken, unklare Linktexte und Sprünge in der Überschriftenfolge.
Fundstellen mit nächstem Schritt
Jeder Befund nennt Seite, Vorkommen und den konkreten nächsten Schritt. Kostenlos und ohne Installation.
03 / Auf Ihrer Website
Jetzt die eigene Seite prüfen.
Die Werkstatt zeigt den Aufbau eines einzelnen Pfads. Der Website-Check prüft Navigation und Struktur Ihrer eigenen Seiten.
Der Website-Check ist bereit.
- 1URL
- 2Auswahl
- 3Prüfung
- 4Ergebnis