Zum Inhalt springen
EUID Prüfservice & Prüfsiegel, Startseite
Website prüfen lassen

Prüfpunkt 2.4.8Stufe AAANavigation, Orientierung und Links

Breadcrumb-Navigation: Wann lohnt sie sich?

Eine Breadcrumb-Navigation, auf Deutsch Brotkrumen-Zeile, lohnt sich, sobald Ihre Website drei oder mehr Ebenen hat und Besucher von außen direkt auf tiefe Seiten kommen. Der typische Fall ist ein Shop mit Kategorien und Unterkategorien. Bei einer oder zwei Ebenen bringt sie laut Nielsen Norman Group keinen Gewinn: Dort genügt ein Menü, das den aktuellen Bereich hervorhebt. Am Handy gilt eine eigene Rechnung.

Eine oder zwei Ebenen: Das markierte Menü genügt

Hat jede Rubrik Ihrer Website nur wenige Seiten direkt unter dem Menü, sieht der Besucher seinen Ort am hervorgehobenen Menüpunkt. Die Nielsen Norman Group hält Brotkrumen hier für überflüssig und rät, den Bereich der Seite deutlich zu markieren. Dasselbe gilt für lineare Abläufe, in denen ein Besucher die Seiten der Reihe nach durchgeht. Das Kriterium 2.4.8 des W3C ist mit dem markierten Menü ebenfalls erfüllt. Eine Zeile „Start › Kontakt“ wiederholt dann nur, was das Menü schon sagt.

Ab drei Ebenen führt die Zeile Direkteinsteiger zur Übersicht

Wer eine tiefe Seite Stufe für Stufe erreicht hat, kennt seinen Weg. Wer über ein Suchergebnis dort landet, hat die oberen Ebenen übersprungen. Für ihn ist die Zeile gemacht: Sie zeigt, wo die Seite liegt, und führt zu allgemeineren Seiten. Die Nielsen Norman Group nennt als Beispiel die Produktseite eines Shops, auf der eine Besucherin weitere Modelle derselben Kategorie vergleichen will. Auf dem Desktop kostet die Zeile dabei fast keinen Platz.

Der Pfad zeigt die Struktur der Website, den Klickweg kennt der Browser

Das W3C lässt beide Varianten zu: den Weg, den der Besucher genommen hat, und den Ort der Seite in der Struktur. Die Nielsen Norman Group rät klar zur Struktur. Ein Klickverlauf wird schnell lang und voller Wiederholungen, und wer von außen direkt auf der Seite landet, hat gar keinen. Steht ein Produkt in zwei Kategorien, legen Sie einen festen Hauptpfad fest und zeigen nur diesen. Jede Stufe führt zu einer echten Seite; eine Menügruppe ohne eigene Seite bleibt draußen.

Am Handy zählt jede Zeile

Auf dem Handy kann der Aufwand den Nutzen schnell übersteigen, schreibt die Nielsen Norman Group. Bricht die Zeile um, schiebt sie den Inhalt nach unten; bei einem Shop stand der Produktname deshalb erst unter der sichtbaren Fläche. Kleinere Schrift und enge Abstände helfen wenig, weil ein Finger die Links dann schlechter trifft. Die Forscher schlagen vor, am Handy nur den Link zur nächsthöheren Ebene zu zeigen. Der Vergleich mit anderen Modellen bleibt so möglich. Am Desktop zeigen Sie den ganzen Pfad.

Das Suchergebnis allein reicht als Grund nicht mehr

Früher sprach auch die Anzeige bei Google für die Zeile. Seit Januar 2025 erscheinen Brotkrumen nur noch in der Desktop-Suche, in der mobilen Suche gar nicht mehr. Begründen Sie die Zeile daher mit dem, was Besucher auf Ihrer Seite damit tun. Die Auszeichnung für Google kommt dazu, wenn die Zeile ohnehin steht.

Beispiele

Klickweg oder Struktur

Nicht erfüllt
Start › Suche › Angebote › Akkuschrauber X20
Erfüllt
Start › Werkzeug › Akkuschrauber › Akkuschrauber X20

Die letzte Stufe ist die aktuelle Seite und kein Link; sie hebt sich optisch von den Links ab.

So gehen Sie es an

  1. Zählen Sie die Ebenen Ihrer Website. Liegen Seiten tiefer als zwei Stufen unter der Startseite, bauen Sie die Zeile dort ein.
  2. Schauen Sie in Ihrer Zugriffsstatistik nach, auf welchen Seiten Besucher von Suchmaschinen einsteigen. Liegen sie tief, lohnt die Zeile dort zuerst.
  3. Legen Sie für Seiten in mehreren Kategorien den Hauptpfad fest, bevor jemand etwas programmiert.

Mehr zu diesem Thema

Weiter im Prüfbereich Barrierefreiheit

Dieser Prüfpunkt gehört zum Prüfbereich Barrierefreiheit; dort stehen alle Prüfpunkte im Überblick. Was die Prüfung insgesamt leistet, zeigt die Leistungsseite; wie ein Ergebnis zustande kommt, erklärt das Prüfverfahren. Alle Prüfbereiche im Überblick: Wissensbasis.

  • Siegel Digitale Barrierefreiheit
  • Siegel Daten & Recht
  • Siegel Technische Qualität
  • Siegel Digital Excellence
  • Siegel Cyberversicherung

Geprüft. Für eine bessere digitale Zukunft.euid.com