Überschriften müssen für  verschiedene assistierende Geräte, mit denen sich Personen durch Webseiten navigieren können, hierarchisch aufgebaut werden. Die Struktur ist folgendermaßen, wobei zwischen den Überschriften i.d.R. Text steht.

Überschrift 1

Hauptüberschrift der Seite (oft durch das Hero-Element gesetzt)

Überschrift 2

 ("Standard" im Dropdown) Zwischenüberschrift Block 1

Überschrift 3

erste Unterüberschrift Block 1

Überschrift 3

zweite Unterüberschrift Block 1

Überschrift 2

Zwischenüberschrift Block 2

Überschrift 3

erste Unterüberschrift Block 2

Überschrift 3

zweite Unterüberschrift Block 2

Die Überschriften-Ebenen 4 und 5 entfallen zukünftig. 

Viele Elemente aus den Kopiervorlagen sind schon entsprechend eingestellt, dass die Überschriften-Hierarchie stimmen sollte. Wir empfehlen, sich für Firefox das AddOn HeadingsMap zu installieren, mit dem man die Hierarchien einfach prüfen kann (s. Bild).

Alle Bilder benötigen einen sogenannten “Alt(ernativen) Text”, welcher den Inhalt des Bildes beschriebt. Dieser ist wichtig z.B. für blinde Personen, da dieser Text von Screenreadern vorgelesen wird. 

Mehr dazu im Kapitel Bilder und Copyright.