Überschriften und Struktur

Barrierefreie Inhalte sind Inhalte, die Menschen nutzen können, auch wenn sie anders sehen, hören, sich bewegen oder lesen als Sie. Vieles davon entscheiden Redaktionen, nicht Entwicklerinnen und Entwickler: die Überschrift, die Sie wählen, die Wörter in einem Link, die Beschreibung eines Fotos.

Dieser Kurs richtet sich an die Menschen, die Inhalte schreiben und veröffentlichen. Er beginnt mit dem Teil, der allen am schnellsten hilft: der Struktur.

Für wen Sie schreiben

Menschen nutzen das Web auf viele Arten:

• Screenreader lesen die Seite vor oder geben sie an eine Braillezeile aus. Viele blinde und sehbehinderte Menschen nutzen sie, ebenso manche Menschen mit Leseschwierigkeiten.
• Bildschirmlupen vergrößern jeweils einen kleinen Teil des Bildschirms.
• Nur Tastatur, ohne Maus, wegen einer motorischen Beeinträchtigung oder eines defekten Trackpads.
• Sprachsteuerung, man sagt „Klick auf Jetzt beantragen“, statt zu klicken.
• Untertitel, für gehörlose und schwerhörige Menschen oder in einem ruhigen Raum.

Sie müssen diese Werkzeuge nicht beherrschen. Sie müssen ihnen geben, worauf sie angewiesen sind, und an erster Stelle steht die Struktur.

Die Regel dahinter

Für Bundesstaaten und Kommunen in den USA legt die Regel des US-Justizministeriums von 2024 nach Title II des Americans with Disabilities Act den technischen Standard fest: WCAG 2.1, Stufe AA. WCAG sind die Web Content Accessibility Guidelines, herausgegeben vom World Wide Web Consortium (W3C).

ADA.gov nennt die Fristen zur Einhaltung, verlängert durch eine vorläufige endgültige Regel (interim final rule) vom 20. April 2026: der 26. April 2027 für Verwaltungen, die 50.000 oder mehr Menschen versorgen, und der 26. April 2028 für kleinere Verwaltungen und Zweckverbände (special districts).

Dieser Kurs vermittelt den Anteil der Redaktion an WCAG 2.1 AA. Es lohnt sich, diese Gewohnheiten jetzt anzufangen, ganz gleich, welche Frist für Sie gilt.

Wie Menschen sich durch eine Seite bewegen

Sehende Lesende überfliegen eine Seite anhand ihrer großen, fetten Zeilen. Screenreader-Nutzende tun dasselbe mit Überschriften: Ein Tastendruck springt von einer Überschrift zur nächsten oder listet alle auf. In der Screenreader-Umfrage von WebAIM aus Dezember 2023 und Januar 2024 gaben 71,6 Prozent der Befragten an, Informationen auf einer langen Seite zu finden, indem sie sich durch ihre Überschriften bewegen.

Das funktioniert nur, wenn die Überschriften echt sind. Fetter Text in großer Schrift sieht aus wie eine Überschrift, wird aber als gewöhnlicher Text vorgelesen und ist für diese Navigation unsichtbar.

Echte Überschriften verwenden, in der richtigen Reihenfolge

Nutzen Sie in WordPress, Drupal, Word oder Google Docs die Überschriften-Formatvorlagen: Überschrift 1, Überschrift 2, Überschrift 3. Folgen Sie dann der Gliederung:

• Überschrift 1 ist der Seitentitel. Eine pro Seite. Die meisten Website-Vorlagen liefern sie bereits mit.
• Überschrift 2 benennt jeden Hauptabschnitt.
• Überschrift 3 benennt einen Unterabschnitt innerhalb eines Abschnitts mit Überschrift 2.

Wählen Sie die Ebene nach der Gliederung, nicht nach der Größe. Wenn eine Überschrift 3 zu groß oder zu klein wirkt, ist das eine Gestaltungsfrage für die Person, die die Stile der Website verwaltet. Springen Sie nicht von Überschrift 2 auf Überschrift 4, weil Ihnen das Aussehen besser gefällt.

Überschriften, die etwas aussagen

Eine Überschrift sollte sagen, was im Abschnitt steht. „Wasserrechnung online bezahlen“ ist besser als „Online“. „Sitzungstermine 2027“ ist besser als „Informationen“. Wer von Überschrift zu Überschrift springt, sollte das Gesuchte finden können, ohne die Absätze zu lesen.

Listen und Absätze

Verwenden Sie für Listen die Listen-Schaltflächen des Editors, keine getippten Striche oder Zahlen. Eine echte Liste sagt einem Screenreader „Liste, 5 Einträge“, sodass die Zuhörenden wissen, wie viel kommt.

Halten Sie Absätze kurz: ein Gedanke pro Absatz. Das hilft Menschen mit kognitiven Beeinträchtigungen, Menschen, die in einer Zweitsprache lesen, und allen am Telefon.