Web Accessibility Cookbook

Kapitel 2. Seiten strukturieren

Diese Arbeit wurde mithilfe von KI übersetzt. Wir freuen uns über dein Feedback und deine Kommentare: [e-mail]

In Kapitel 1 hast du gelernt, dass Orientierungspunkte nützlich sein können, um auf wichtige Bereiche der Website wie die Kopfzeile, den Hauptinhalt oder die Fußzeile zuzugreifen. Seitenspezifische Orientierungspunkte wie die Navigation(Rezept 2.1) oder die Suche(Rezept 2.2) können den Nutzern helfen, noch effizienter zu arbeiten. Vor allem auf komplexen Seiten mit vielen strukturierten Inhalten und verschiedenen Elementen kann eine Abkürzung zu bestimmten wichtigen Teilen der Benutzeroberfläche eine große Hilfe sein.

2.1 Navigationspunkte erstellen

Problem

No Egal, wie die Nutzer/innen auf eine Website zugreifen, sie müssen in der Lage sein, die Navigation zu erkennen. Andernfalls sind sie nicht in der Lage, den gesuchten Inhalt zu finden, sich zu orientieren und zu navigieren.

Lösung

Identifiziere Navigationen und ermögliche den schnellen Zugriff auf wichtige Gruppen von Links, wie die Hauptnavigation (siehe Beispiel 2-1), Breadcrumbs (siehe Beispiel 2-2) oder lokale Navigationen (siehe Beispiel 2-3).

Beispiel 2-1. Die Hauptnavigation einer Website

<header>
  <nav aria-label="Main"> 
    <ul>
      <li><a href="/home">Home</a></li>
      <li><a href="/products" aria-current="page">Products</a></li> 
      <li><a href="/team">Team