Überschriften

Überschriften (Header) strukturieren Ihren Webauftritt und bieten Ihren Besuchern einen Überblick über den Inhalt Ihrer Seiten. Viele TYPO3-Funktionen, Suchmaschinen und sogenannte assistive Technologien (z.B. Screenreader für blinde Menschen) greifen darauf zurück. Unterteilen Sie die Inhalte in kleinere Abschnitte (mehrere Contentelemente) und tragen Sie jeweils unbedingt einen passenden Header ein. Damit können Nutzer den Inhalt der Webseite schneller "querlesen", indem sie nur die Überschriften lesen. Das verbessert die Barrierefreiheit und zusätzlich können Sie die Inhalte im Backend besser verwalten.

Überschriftenebenen

Nutzen Sie Überschriften entsprechend ihrer Überschriftenebenen.
Die Hauptüberschrift einer Seite ist die wichtigste Überschrift und hat die Überschriftenebene 1 (H1). Setzen Sie die H1 nur einmal pro Seite ein. Jede Überschrift leitet einen neuen Abschnitt auf der Seite ein. Eine Überschrift mit niedrigerer Ebene (H1 > H2 > H3 > H4) leitet einen Unterabschnitt ein.

Inkonsistente Überschriftenhierarchien sind verwirrend; sowohl Screenreader-Nutzer sowie Suchmaschinen können die Inhalte nicht richtig zuordnen.

Ein gute Überschriftenhierarchie funktioniert wie ein Inhaltsverzeichnis in einem Buch. Der Nutzer sieht schnell, welche Abschnitte es gibt und was Haupt- bzw. Unterabschnitte sind. Wählen Sie Überschriftenebenen immer entsprechend ihrer korrekten Hierarchie in der Seite und nicht nach gestalterischen Gesichtspunkten aus.

Auswahl der Überschriftenebene (Header Type)

Screenshot: Auswahl des Überschriften-Typs — Bild 3: Auswahl des Überschriften-Typs

Wählen Sie den Überschriften-Typ immer zuerst nach der richtigen Überschriftenebene aus und anschließend nach der gewünschten grafischen Darstellung.

Die Auswahl der Überschriften eines Inhaltselements erfolgt über das Feld Type (Bild 3). Die Darstellung variiert.

Achtung! Ab dem 22.07. entfallen die Überschriften H2.large, H2 with green line und H3 with green line!

Auswahl eines Subheaders

Screenshot: Subheader eintragen — Bild 4: Subheader eintragen

Der Subheader wird jeweils automatisch um eine Hierarchie niedriger als der Header abgestuft. Zum Beispiel: Header H2 wird im Subheader automatisch zu H3.

Versteckte Überschrift (Header Type „Hidden“)

Sie können die Ausgabe der Überschrift verhindern, indem Sie den Typ "Hidden" wählen. Wir empfehlen diese Option zu nutzen, statt das Headerfeld leer zu lassen.