Sprungmarken
Sie sind hier:
 

Barrierefreies Webdesign ein zugängliches und nutzbares Internet gestalten

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

Ü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:

  1. Gliederung und Übersicht des Inhalts: Wenn Texte optisch als Überschriften gestaltet werden, dann sollen deren Bedeutung als Überschrift und die Beziehung zwischen einzelnen Überschriften im HTML nachvollzogen werden können.
  2. Strukturelle Navigation: Vor allem in Screenreadern bieten Überschriften eine effiziente Möglichkeit, durch den Inhalt der Seite zu navigieren; deshalb sollen alle inhaltlichen Abschnitte einer Webseite mit einem Überschriftenelement beginnen.

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 Intern: 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.

Übersicht: Großer fetter Text macht noch lange keine Überschrift

Der Beitrag "Großer fetter Text macht noch lange keine Überschrift" besteht aus folgenden einzelnen Dokumenten:

Intern: Inhaltliche Gliederung mit Überschriften
Intern: Überschriftenhierarchien
Intern: die H1-Debatte
Es ist semantisch sinnvoll, die Hauptüberschrift des Inhalts mit H1 auszuzeichnen. Durch die Verwendung eines einzigen Überschriftenelements H1 wird außerdem sichergestellt, dass es keine Missverständnisse über das Hauptthema der Seite gibt.
Intern: Beschreibende Überschriftentexte
Überschriften geben eine Orientierung über den Inhalt. Ein Überschriftentext sollte deshalb konkret und inhaltsbezogen formuliert werden.
Funktionsleiste

Druckversion

per E-Mail empfehlen


Diesen Link twittern

diese Seite Ihren XING-Kontakten zeigen

Blättern zur nächsten oder vorherigen Seite

Unterstützung für Ihre Arbeit

Intern: über diesen Webauftritt
zur Entstehung und Motivation.
Intern: Glossar
wichtige Begriffe der Barrierefreiheit.
Intern: Suchfunktion
erweiterte Suche.
Intern: Gesamtübersicht
alle Inhalte auf einem Blick.
Werbung

Neuerscheinung

"Barrierefreiheit verstehen und umsetzen" von Jan Eric Hellbusch und Kerstin Probiesch

Seitenabschluss

© Jan Eric Hellbusch (2001-2012)