Kontextnavigation

Kontextnavigation umfasst alle navigativen Elemente, die speziell auf die aktuelle Seite, Situation oder Funktion abgestimmt sind. Anders als Haupt- oder Seitennavigation führt sie nicht übergreifend durchs gesamte Angebot, sondern durch thematisch oder funktional verwandte Inhalte.

Bedeutung

• Inhaltliche Orientierung: Nutzer:innen finden leichter relevante Inhalte in engem Zusammenhang.
• Zugängliche Pfade: Reduziert kognitive Last, da nur relevante Optionen gezeigt werden.
• Strukturierte Benutzerführung: Hilft besonders bei komplexen oder tief verschachtelten Websites.

Beispiele

• Verwandte Artikel unter einem Blogbeitrag
• Navigation innerhalb eines Multi-Step-Formulars
• Tabs oder Akkordeons für zusammenhängende Themenbereiche
• Breadcrumb-Navigation als Pfad zum aktuellen Kontext

Best Practices

• Klare Zuordnung zum Inhalt
  → Kontextnavigation darf nicht mit globaler Navigation verwechselt werden.
• Logische Struktur und Gruppierung
  → Z. B. „Weitere Informationen zu diesem Thema“ oder „Ähnliche Leistungen“.
• Semantisch korrekt auszeichnen
  → Z. B. als <nav aria-label=”Kontextnavigation”>.

Herausforderungen

• Verwechslungsgefahr mit Hauptnavigation, wenn visuell zu ähnlich.
• Unübersichtlichkeit, wenn zu viele Links ohne erkennbare Struktur angeboten werden.
• Fehlende Aktualität, wenn kontextbezogene Inhalte nicht dynamisch gepflegt werden.