Gehirngerecht Digital

Die WCAG-Kriterien

WCAG 3.2.3: Konsistente Navigation

Zurück zu allen WCAG-Kriterien

ÜBERBLICK

Umsetzbarkeit:

  • Komplexität:Einfach
  • Dauer:Schnell

Wichtig für Rolle:

Design

Worum geht's?

Wiederkehrende Navigationsmechanismen sollten auf allen Seiten konsistent bleiben. Hauptmenü, Breadcrumbs oder Footer-Links sollten immer an der gleichen Stelle stehen und gleich funktionieren.

Auf dem Bild steht: Navigation nicht an gleicher Stelle! Darunter sind zwei Webseiten. Auf einer Seite ist die Navigation oben und auf der zweiten Seite unten.

Umsetzung

Nutze die für deine Situation passende Technik, um das Erfolgskriterium zu erfüllen.

  • Auf dem Bild steht: Navigation nicht an gleicher Stelle! Darunter sind zwei Webseiten. Auf einer Seite ist die Navigation oben und auf der zweiten Seite unten.

    Konsistente Platzierung

    Navigationskomponenten sollten auf jeder Seite an derselben Stelle erscheinen, und die Reihenfolge der Links innerhalb eines Menüs sollte gleich bleiben. Zusätzliche Unterlinks dürfen ergänzt oder entfernt werden, solange die bestehende Reihenfolge der Hauptlinks unverändert bleibt.

    Beispiel: Navigationsmenü. Beim Klick auf den Menüpunkt »Angebote« landet man auf einer Unterseite für Angebote, auf der zusätzliche Links zu einzelnen Services erscheinen. Wenn man von der Seite wieder wegnavigiert, verschwinden die Service-Links auch wieder. Die restlichen Menüpunkte bleiben aber immer in der gleichen Reihenfolge erhalten.

    Anmerkungen

    • Illustration einer Glühbirne mit fröhlichen Augen.

      Ausnahme: Prozess-Seiten

      Mehrstufige Abläufe wie Check-out, Registrierung oder Quiz können als eigene Abschnitte betrachtet werden. Dort darf die Navigation von der restlichen Seite abweichen, etwa durch Buttons wie »Zurück« und »Weiter«, um Nutzer Schritt für Schritt durch den Prozess zu führen.

          DAs Accessbility-Center

          Teste selbstständig auf digitale Barrierefreiheit! 

          Mit unserem manuellen Test-Tool prüfst du deine Website selbstständig, schnell und effizient auf digitale Barrierefreiheit!

          • Alle Prüfschritte leicht erklärt
          • Teile und exportiere Prüfberichte
          • Teste direkt auf der Live-Webseite!
          Zum Accessibility-Center