Überschriften

Überschriften sind essenziell, um Texte klar zu strukturieren und zu gliedern. Sie ermöglichen es Nutzern, den Inhalt effizient zu überblicken. Es gibt bis zu sechs Überschriftenebenen, vergleichbar mit den Hierarchieebenen eines Inhaltsverzeichnisses in einem Buch. Diese Struktur ist besonders wichtig für Menschen mit Sehbehinderungen, die Hilfsmittel nutzen, um sich die Überschriften einer Webseite vorlesen zu lassen. Prägnante und aussagekräftige Überschriften erleichtern es ihnen, gezielt zum gewünschten Abschnitt zu springen.

Strukturierung von Überschriften mit HTML

Webseiten werden mithilfe von HTML (HyperText Markup Language) erstellt, um Inhalte systematisch darzustellen. Überschriften müssen ebenfalls strukturiert werden, damit der Nutzer erkennt, ob es sich um eine Hauptüberschrift oder eine Unterüberschrift handelt. Diese Strukturierung ähnelt dem Aufbau eines Buches, in dem die Hierarchie der Kapitel und Unterkapitel klar definiert ist. HTML bietet bis zu sechs Überschriftenebenen (H1 bis H6), wobei H für „Header“ (Überschrift) steht. Die H1 ist die wichtigste Überschrift einer Seite und sollte idealerweise nur einmal pro Artikel verwendet werden. Die Ebenen H2 bis H6 dienen als Unterüberschriften und können beliebig oft verwendet werden, um den Inhalt weiter zu untergliedern.

Wichtige Hinweise

Überspringen Sie keine Ebenen. Nach einer H2-Überschrift sollte immer eine H3-Überschrift folgen und nicht beispielsweise eine H4, selbst wenn dies aus gestalterischen Gründen wünschenswert erscheint. Eine inkonsistente Reihenfolge stört die logische Struktur der Seite und kann für Nutzer von Screenreadern verwirrend sein.

Beispiel für korrekte Überschriftenstruktur

Hier ist ein Beispiel für eine hierarchische Darstellung von Überschriften von H1 bis H3:

    <h1>Willkommen im Servicecenter</h1>
    <h2>Aktuelle Informationen</h2>
    <h3>Neue Öffnungszeiten ab Oktober</h3>
    <h3>Jahresbericht 2022 veröffentlicht</h3>
    <h2>Formulare und Anträge</h2>
    <h2>Kontakt und Hilfe</h2>

Checkliste für Überschriften

• Sinnvolle Zusammenfassung: Nutzen Sie Überschriften, um Textabschnitte sinnvoll zusammenzufassen.
• Kürze und Klarheit: Halten Sie Überschriften kurz und verständlich.
• Vermeiden Sie Layout-Überschriften: Überschriften sollten nicht nur aus optischen Gründen eingesetzt werden. Drei Sätze über geänderte Öffnungszeiten sind beispielsweise keine Überschrift.
• Logische Reihenfolge: Stellen Sie sicher, dass Überschriften von H1 bis H6 in einer logischen Reihenfolge strukturiert sind und keine Ebenen übersprungen werden.

Durch die Beachtung dieser Richtlinien stellen Sie sicher, dass Ihre Webseite für alle Nutzer zugänglich und benutzerfreundlich ist.