Breadcrumbs sind Navigationselemente, die den aktuellen Standort innerhalb der Website-Hierarchie anzeigen und den Rückweg zur Startseite ermöglichen.
Für die Barrierefreiheit sind folgende Aspekte entscheidend:
Semantisch korrekte Auszeichnung als Navigation
Verwendung von geordneten Listen (ol) für die Struktur
Trennung der Elemente durch geeignete Symbole (>)
ARIA-Attribute für bessere Screenreader-Unterstützung
Konsistente visuelle und taktile Gestaltung
Klare Unterscheidung zwischen aktiver und verlinkter Position
Die WCAG-Richtlinien empfehlen Breadcrumbs als Orientierungshilfe. Sie unterstützen nicht nur Menschen mit kognitiven Einschränkungen, sondern verbessern die allgemeine Navigation – besonders bei komplexen Websitestrukturen.
Die technische Umsetzung sollte ARIA-Landmark-Rollen verwenden und das aktuelle Element entsprechend kennzeichnen (aria-current="page").
