A11y: Überschrift- und Inhaltstruktur

Die Seitenstruktur sollte gut überlegt sein. Eine Seite mit umfangreichem Inhalt benötigt Überschriften um es Screenreader Nutzern zu erleichtern, durch die Seite zu navigieren und den Zusammenhang innerhab des Inhalt zu verstehen. Die Überschriften-Elemente (h1 – h6) sollten nicht nur zur visuallen Formatierung benutzt, sondern sinnvoll eingesesetzt werden. Es dürfen keine Ordnungs-Ebenen übersprungen werden (auf h1 folgt h2 usw.).

Nach einer Überschrift wird auch Inhalt erwartet, deshalb sollte man nach einer Überschrift derselben Ordnung immer Inhalt einfügen.

Daraus ergeben sich diese zwei Fragen in Bezug auf Überschriften:

  • Sinnvolle Beschreibung: besagt diese Überschrift eindeutig, welche Art von Inhalt darauf folgt?
  • Inhalt: Kommt nach der Überschrift Inhalt?

Dies sind die Grundregeln:

  • Es gibt nur eine h1 pro Seite (ein Titel eines Buchs)
  • Keine Ebenen überspringen (keinen Unterabschnitt vorstellen ohne das Kapitel zuerst vorzustellen)
  • Überschriften nicht zum reinen Formatieren des Textes verwenden, es muss immer eine semantische Bedeutung dabei sein.

Quellen:

When there is no content between headings

The Bootcamper’s Guide to Accessibility“ by Lindsey Kopacz

nach oben