Großer fetter Text macht noch lange keine Überschrift veröffentlicht in 2009/2011

Überschriftenhierarchien

Wenn auf Webseiten eine Hierarchie der Überschriften visuell erkennbar ist, dann ist diese Hierarchie im HTML ebenfalls abzubilden. i.d.R. folgt auf eine H1 eine H2. Unterabschnitte unterhalb eines H2 werden normalerweise mit H3 unterteilt. Wie die Überschriftenebenen konkret zugeordnet werden ist allerdings stets vom Inhalt der Seite abhängig.

Eine Extern, englischsprachig: hierarchische Gliederung des Inhalts ist empfehlenswert. Würden in einem Buch die Abschnitte wie folgt nummeriert:

2.7 Strukturelemente in HTML 2.7.1 Datentabellen 2.7.2.1 Überschriften-Elemente 2.7.2.2 Listen 2.7.3 Hervorhebung und Betonung 2.7.4 Strukturelemente in Formularen

wäre die Verwunderung beim Leser vermutlich groß, da bei Kapitel 2.7.2.1 eine Bedeutungsebene (2.7.2 Blockelemente im Fließtext) scheinbar fehlt. Ähnlich muss es einem blinden Besucher ergehen, der sich von Überschrift zu Überschrift auf einer Webseite bewegt und eine Überschriftenebene nicht finden kann.

Wenn eine Ordnung der Überschriften visuell wahrgenommen werden kann, dann muss diese Ordnung auch strukturell nachvollzogen werden können.

Überschriften sind im Übrigen nicht das einzige Mittel, die zur Beschriftung von Inhalten eingesetzt werden können. Insbesondere für Formulare und Tabellen gibt es spezielle Elemente, die genauso wie Überschriftenelemente eingesetzt werden dürfen. Bei Formularen werden einzelne Steuerelemente mit LABEL beschriftet, und Gruppen von Steuerelementen können darüber hinaus mit LEGEND zusätzlich beschriftet werden. Bei Tabellen können die tabellarischen Inhalte mit CAPTION beschriftet werden. Wann LEGEND und CAPTION vorzuziehen sind, ist natürlich abhängig vom Kontext.