Konsistente Navigation (WCAG 3.2.3/3.2.4): Gleiche Struktur, gleiche Begriffe

Konsistenz ist ein Grundprinzip barrierefreier Gestaltung: Wer die Hauptnavigation auf der Startseite gelernt hat, erwartet sie auf jeder Unterseite an derselben Stelle in derselben Reihenfolge. Screenreader-Nutzer, Menschen mit kognitiven Einschränkungen und Tastaturnutzer sind besonders auf Vorhersagbarkeit angewiesen. Das BFSG macht Konsistenz über die EN 301 549 zur gesetzlichen Pflicht.

WCAG 3.2.3 – Konsistente Navigation

Navigationsmechanismen, die auf mehreren Seiten wiederholt werden, müssen in derselben relativen Reihenfolge erscheinen – es sei denn, der Nutzer initiiert eine Änderung. Das bedeutet: Die Hauptnavigation zeigt auf jeder Seite die gleichen Menüpunkte in der gleichen Reihenfolge. Die Seitenleiste enthält auf allen Seiten dieselben Elemente (z. B. Suche, Kategorien, Newsletter). Der Footer hat überall die gleiche Struktur. Es dürfen Punkte hinzukommen (z. B. Unterkategorien), aber die bestehende Reihenfolge darf sich nicht ändern. Typischer Fehler: Ein Online-Shop, bei dem die Hauptnavigation auf der Startseite anders sortiert ist als auf Kategorie-Seiten.

WCAG 3.2.4 – Konsistente Identifikation

Elemente mit derselben Funktion müssen auf allen Seiten konsistent benannt sein. Beispiele für Verstöße: Die Suchfunktion heißt auf einer Seite „Suchen", auf einer anderen „Finden" und auf einer dritten „Durchsuchen". Der Warenkorb-Link heißt mal „Warenkorb", mal „Einkaufswagen", mal „Mein Korb". Der Zurück-Button ist mal „Zurück", mal „Abbrechen", mal ein Pfeil-Icon ohne Label. Konsistente Identifikation bedeutet nicht Identität – aber die Bezeichnung muss konsistent genug sein, dass Nutzer dieselbe Funktion sofort wiedererkennen.

Best Practices für konsistente Navigation

Design-System/Styleguide: Definiere einheitliche Komponentennamen und -labels zentral. Template-basierte Navigation: Nutze ein einziges Template für Header, Footer und Sidebar. Einheitliche Icon-Labels: Wenn ein Warenkorb-Icon aria-label="Warenkorb" hat, muss es auf jeder Seite dasselbe Label haben. Skip-Link-Konsistenz: Der Skip-Link sollte auf jeder Seite an derselben Stelle stehen und gleich benannt sein. Breadcrumb-Konsistenz: Breadcrumbs sollten auf allen Seiten das gleiche Format und die gleiche Position haben.

WCAG-Bezug

WCAG 3.2.3 (Consistent Navigation) und 3.2.4 (Consistent Identification) sind beide Level AA und damit BFSG-pflichtig. Die EN 301 549, Abschnitte 11.3.2.3 und 11.3.2.4, übernehmen diese Kriterien. Sie stehen im Kontext des WCAG-Prinzips „Vorhersagbar" (Guideline 3.2). Verwandte Kriterien: WCAG 3.2.1 (On Focus) und 3.2.2 (On Input) regeln, dass Kontextänderungen nicht unerwartet eintreten. WCAG 2.4.5 (Multiple Ways, Level AA) fordert, dass es mehrere Wege gibt, eine Seite zu finden – konsistente Navigation ist einer davon.