Zum Inhalt springen
44 Barrierefreiheit Dokumentation

4️⃣ 2.4.10 - Abschnittsüberschriften

AAA 2.1 Umsetzung, Design

Ziel

Strukturierung von Inhalten durch Abschnittsüberschriften, um Orientierung und Navigation auf der Webseite zu verbessern.

Beschreibung

  • Bereitstellung von Überschriften für alle Inhaltsabschnitte, um die Organisation klar darzustellen.
  • Überschriften sollen den Zweck jedes Abschnitts deutlich machen und Navigation sowie Verständnis unterstützen.
  • Geeignet für lange Dokumente, Webanwendungen oder Menüs mit unterschiedlichen Themenbereichen.
  • Visuelle Darstellungen wie Linien oder Kästen ergänzen Überschriften, ersetzen sie jedoch nicht.
  • Dieses Erfolgskriterium umfasst Abschnitte innerhalb des Textes, nicht Komponenten der Benutzeroberfläche. Komponenten der Benutzeroberfläche werden unter Erfolgskriterium 4.1.2 behandelt.
Siehe Erfolgskriterium 4.1.2 Komponenten der Benutzeroberfläche werden unter Erfolgskriterium 4.1.2 behandelt

Anforderungen

  • Verwendung einheitlicher visueller Stile für verschiedene Überschriftsebenen.
  • Klar erkennbare Trennung zwischen Inhaltsabschnitten durch Überschriften.
  • Überschriften sollten optisch hervorstechen, beispielsweise durch größere Schriftgröße oder fetten Text.

Code-Beispiele

Beispiel für strukturierte Abschnittsüberschriften:
<h1>Webanwendungseinstellungen</h1>
<section>
  <h2>Persönliche Informationen</h2>
  <p>Name, E-Mail-Adresse und Telefonnummer verwalten.</p>
</section>
<section>
  <h2>Datenschutzeinstellungen</h2>
  <p>Kontrolliere, wer Zugriff auf deine Daten hat.</p>
</section>
<section>
  <h2>Benachrichtigungseinstellungen</h2>
  <p>Verwalte E-Mail-Benachrichtigungen und In-App-Hinweise.</p>
</section>