Orientierungshilfen – Wegweiser durch die Website
Orientierungshilfen beantworten drei einfache, aber entscheidende Fragen: Wo bin ich? Wohin kann ich gehen? Und wie komme ich zurück? Sie geben Nutzern jederzeit einen Standort innerhalb einer Website und verhindern das Gefühl, sich zu verirren. Ohne sie wird selbst eine gut gefüllte Seite schnell unübersichtlich.
Zu den wichtigsten Orientierungshilfen zählen Breadcrumbs, eine übersichtliche Sitemap, eine konsistente Navigation und aussagekräftige Seitentitel. Gemeinsam bilden sie ein Gerüst, das Struktur sichtbar macht – ein Kernaspekt der digitalen Barrierefreiheit.
Für Menschen mit kognitiven Einschränkungen, Sehbehinderung oder Screenreader-Nutzung sind sie unverzichtbar, weil sie den visuellen Gesamtüberblick nicht auf einen Blick erfassen können. Das Barrierefreiheitsstärkungsgesetz (BFSG) und die WCAG verankern gute Orientierung deshalb als verpflichtenden Bestandteil bedienbarer Websites.
Orientierungshilfen auf einen Blick
- Zweck: zeigen, wo Nutzer sind, wohin sie können und wie sie zurückfinden
- Breadcrumbs: machen den Pfad von der Startseite zur aktuellen Seite sichtbar
- Sitemap: bietet den vollständigen Überblick über alle Seiten
- Navigation: konsistent und mit erkennbarer aktueller Position
- WCAG: gefordert unter dem Prinzip Bedienbarkeit (mehrere Wege, Seitentitel, Position)
Was sind Orientierungshilfen?
Orientierungshilfen sind alle Elemente einer Website, die den Nutzern ihre Position und ihre Handlungsmöglichkeiten vermitteln. Sie funktionieren wie Wegweiser in einem Gebäude: Ein Schild „Sie befinden sich hier" ist wertlos, wenn der Grundriss fehlt – und umgekehrt. Erst das Zusammenspiel mehrerer Hinweise schafft echte Orientierung.
Man unterscheidet zwischen lokalen Hilfen, die den aktuellen Standort anzeigen (z. B. der hervorgehobene Menüpunkt oder der Seitentitel), und globalen Hilfen, die die Gesamtstruktur abbilden (z. B. Sitemap und Hauptnavigation). Barrierefreie Websites kombinieren beide, damit sich niemand allein auf das visuelle Layout verlassen muss.
Breadcrumbs als klassische Orientierungshilfe
Breadcrumbs – auch Brotkrümelnavigation genannt – gehören zu den wirkungsvollsten Orientierungshilfen. Sie zeigen den hierarchischen Pfad, etwa „Startseite › Produkte › Monitoring", und machen die Tiefe der aktuellen Seite sofort erkennbar. Nutzer verstehen so nicht nur, wo sie sind, sondern können mit einem Klick eine Ebene höher springen.
- Position: die aktuelle Seite bildet das letzte, nicht verlinkte Glied.
- Auszeichnung: semantisch als
navmitaria-labelversehen, damit Screenreader sie ankündigen. - Ergänzung, kein Ersatz: Breadcrumbs stehen neben der Hauptnavigation, nicht an ihrer Stelle.
Details zur Umsetzung finden Sie im Eintrag zu Breadcrumbs.
Die Sitemap: Überblick über die gesamte Website
Während Breadcrumbs den Weg zeigen, bietet die Sitemap die Landkarte. Eine HTML-Sitemap listet die wichtigsten Seiten in ihrer Struktur auf und wird meist im Footer verlinkt. Für Nutzer ist sie ein Rettungsanker, wenn ein Inhalt über die reguläre Navigation schwer zu finden ist.
Wichtig ist die Unterscheidung zur XML-Sitemap: Diese richtet sich an Suchmaschinen und ist für Menschen nicht gedacht. Als Orientierungshilfe im Sinne der Barrierefreiheit zählt ausschließlich die für Menschen lesbare HTML-Variante. Beide erfüllen unterschiedliche Zwecke und ergänzen sich.
Weitere Orientierungshilfen und WCAG-Bezug
Über Breadcrumbs und Sitemap hinaus tragen viele weitere Elemente zur Orientierung bei. Die WCAG ordnen sie dem Prinzip Bedienbarkeit zu und fordern unter anderem mehrere Wege zu einer Seite sowie eine erkennbare aktuelle Position:
- Aussagekräftige Seitentitel: der
titlejeder Seite benennt eindeutig ihren Inhalt. - Überschriftenstruktur: eine logische H1–H6-Hierarchie gliedert lange Seiten.
- Aktueller Menüpunkt: mit
aria-currentausgezeichnet und visuell hervorgehoben. - Tastaturbedienbarkeit: eine sichtbare Fokus-Anzeige zeigt, wo man sich gerade befindet.
SiteCockpit Lösung
easyMonitoring: Orientierungslücken sichtbar machen
Fehlende Orientierung ist oft ein technisches Problem. easyMonitoring prüft Ihre Website unter anderem auf fehlende oder uneindeutige Seitentitel, eine gebrochene Überschriftenhierarchie, inkonsistente Navigation und eine nicht ausgezeichnete aktuelle Position (aria-current). So erkennen Sie genau, an welchen Stellen Nutzer den Faden verlieren – und beheben es gezielt.
Häufige Fragen zu Orientierungshilfen
Reichen Breadcrumbs allein als Orientierungshilfe?
Nein. Breadcrumbs ergänzen die Hauptnavigation, ersetzen sie aber nicht. Erst das Zusammenspiel mit Sitemap, Seitentiteln und konsistenter Navigation schafft verlässliche Orientierung.
Braucht jede Website eine HTML-Sitemap?
Bei kleinen Websites mit flacher Struktur ist sie optional. Je umfangreicher und tiefer verschachtelt eine Seite ist, desto wertvoller wird eine für Menschen lesbare Sitemap.
Wie erkennen Screenreader die aktuelle Position?
Über semantische Auszeichnungen wie aria-current für den aktiven Menüpunkt und korrekt gesetzte Seitentitel. Rein visuelle Hervorhebungen allein sind für Screenreader nicht wahrnehmbar.
Was ist der Unterschied zwischen HTML- und XML-Sitemap?
Die HTML-Sitemap ist eine Orientierungshilfe für Menschen. Die XML-Sitemap richtet sich ausschließlich an Suchmaschinen und spielt für die Barrierefreiheit keine Rolle.
Nie wieder verirren
Finden Sie heraus, wo Ihre Website Orientierung vermissen lässt – und beheben Sie die Ursachen gezielt. Mit easyMonitoring starten Sie in wenigen Minuten.
Kostenlos testen