2.4.5 Mehrere Wege

WCAG – Definition

Es müssen mindestens zwei unterschiedliche Möglichkeiten bestehen, eine Webseite innerhalb einer Website zu finden, außer es handelt sich um einen Schritt in einem linearen Prozess (z. B. Checkout).

Bedeutung

  • Nutzer mit Einschränkungen im Gedächtnis oder in der Orientierung profitieren von mehreren Wegen, Inhalte aufzufinden.

  • Auch für alle anderen Nutzer erhöht dies die Usability und reduziert Frustration.

  • Beispiel: Man findet eine Unterseite über die Navigation, über die Suche oder über die Sitemap.

Ausreichende Techniken

Globale Navigation bereitstellen

  • Klassisches Hauptmenü, das auf allen Seiten verfügbar ist:

<nav aria-label="Hauptnavigation">
  <ul>
    <li><a href="/produkte">Produkte</a></li>
    <li><a href="/service">Service</a></li>
    <li><a href="/kontakt">Kontakt</a></li>
  </ul>
</nav>

Suchfunktion einbauen

Eine interne Suche hilft, Inhalte auch ohne Menü zu erreichen.

Sitemap oder Inhaltsverzeichnis

Eine statische Übersicht aller Seiten:

<nav aria-label="Sitemap">
  <ul>
    <li><a href="/produkte">Produkte</a></li>
    <li><a href="/service">Service</a></li>
    <li><a href="/kontakt">Kontakt</a></li>
  </ul>
</nav>

Konsistente Brotkrumen-Navigation (Advisory + hilfreich)

<nav aria-label="Breadcrumb">
  <ol>
    <li><a href="/">Startseite</a></li>
    <li><a href="/produkte">Produkte</a></li>
    <li aria-current="page">Produkt A</li>
  </ol>
</nav>

Beratungstechnicken

  • Mehr als zwei Wege anbieten → Navigation + Suche + Sitemap + Breadcrumbs.

  • Kontextbezogene Links: am Ende von Artikeln „Verwandte Inhalte“.

  • Barrierefreie Suche → beschriftet, per Screenreader nutzbar.

  • Konsistenz: gleiche Struktur auf allen Seiten.

Fehler

  • Nur eine einzige Navigationsmöglichkeit (z. B. nur ein Menü, keine Suche/Sitemap).
  • Wichtige Seiten nur über tiefe Menüs erreichbar.
  • Sitemap oder Suche zwar vorhanden, aber versteckt oder unzugänglich (z. B. Suche nur per Icon ohne Label).
  • Lineare Prozesse falsch behandelt (z. B. Checkout mit zusätzlicher Navigation → verwirrt Nutzer).