
Barrierefreies Webdesign ein zugängliches und nutzbares Internet gestalten
Überschriften und Zwischenüberschriften sind Eye-Catcher, die die Aufmerksamkeit bündeln. Im Idealfall vermitteln Überschriften einen ersten Eindruck der Inhalte einer Webseite.
Technisch gesehen sind Überschriften im Web erst dann Überschriften, wenn sie mit den dafür vorgesehenen HTML-Elementen H1 bis H6 ausgezeichnet werden. Dann erst können z.B. auch Screenreadernutzer einen gleichwertigen Zugang zu Inhalten erhalten. Mit Screenreadern können Überschriftenlisten aus den vorhandenen Überschriftenelementen erstellt werden oder von Überschrift zu Überschrift navigiert werden.
Überschriftenelemente dienen im HTML zwei Zwecken:
Während die Gliederung von Inhalten vergleichbar mit der Überschriftenstruktur in Büchern oder Artikeln ist, ist die strukturelle Navigation ein besonderer Aspekt elektronischer Medien. Screenreader und andere Software bieten die Möglichkeit, innerhalb elektronischer Inhalte anhand von Strukturmerkmalen zu navigieren. Die wichtigsten Strukturmerkmale stellen dabei die Überschriften dar. Dieser Aspekt wird in dem Beitrag über die
strukturelle Navigation behandelt.
Neben diesen beiden grundlegenden Aspekten von Überschriften im Web spielt auch der Wortlaut der Überschriften eine Rolle für die Barrierefreiheit. Überschriftentexte sollen stets den nachfolgenden Inhalt deutlich benennen. Dabei geht es um klare Bezeichnungen bzw. Stichworte für den jeweils nachfolgenden Inhalt.
Der Beitrag "Großer fetter Text macht noch lange keine Überschrift" besteht aus folgenden einzelnen Dokumenten:
Inhaltliche Gliederung mit Überschriften
Überschriftenhierarchien
die H1-DebatteH1 auszuzeichnen. Durch die Verwendung eines einzigen Überschriftenelements H1 wird außerdem sichergestellt, dass es keine Missverständnisse über das Hauptthema der Seite gibt.
Beschreibende Überschriftentexte
über diesen Webauftritt
Glossar
Suchfunktion
Gesamtübersicht