Großer fetter Text macht noch lange keine Überschrift 
veröffentlicht in 2009
zuletzt bearbeitet in
die H1-Debatte
Diskussionen über Überschriften bzw. Überschriftenebenen in HTML werden immer wieder geführt. Trotz der Richtlinien für barrierefreie Webinhalte (WCAG) 2.0 und den Entwicklungen in der HTML5-Spezifikation bleibt eine Frage nachwievor offen: Was ist die Hauptüberschrift einer Webseite, der Banner oder eine inhaltliche Überschrift?
Nach meinen Erfahrungen wird die Frage wie folgt unterschiedlich beantwortet:
- Webentwickler möchten gerne den Banner als
H1der Seite sehen. Andere Überschriften ordnen sich unter, so dass die inhaltliche (Haupt-)Überschrift auf der Ebene 2, 3 oder 4 steht.
- Screenreader-Nutzer (und oft auch Barrierefreiheits-Experten) möchten die inhaltliche Überschrift als
H1ausgespielt haben und — wenn möglich — als einzige H1 auf der Seite haben. Der Grund: Screenreader-Nutzer können dann direkt zum Inhalt der Seite springen, wenn sie die Seite mittels der strukturellen Navigation des Screenreaders lesen.
Man mag zu dieser Frage verschiedener Auffassung sein. Fakt ist, dass verschiedene Webseiten sehr unterschiedliche Überschriftenstrukturen haben und dadurch die Überschriftenhierarchie jeweils beim ersten Besuch mit einem Screenreader gelernt werden muss. Neben den beiden Lösungsansätzen, den Banner oder die Hauptüberschrift als H1 auszuzeichnen, gibt es auch Mischformen — eine Art Kompromiss:
Fakt ist im Übrigen auch, dass in den WCAG 2.0 keine Vorgabe für die Vergabe einer H1 zu finden ist.
Banner als H1
In den WCAG 2.0 wird auf abstrakter Weise gefordert, dass sich eine visuell wahrgenommene Überschrift auch im HTML wieder findet. Da ein Banner visuell als Überschrift wahrgenommen werden kann, ist der Standpunkt verständlich, dass er als Überschrift ausgespielt werden soll.
Anders als in Textverarbeitungsprogrammen gibt es in HTML kein semantisches Element für das Logo oder ein Banner einer Webseite. Der Dokumenttitel (TITLE-Element) im Kopfbereich der Seite übernimmt diese Funktion. Zwischenzeitlich kann aber mit einem role-Attribut ein Banner semantisch gekennzeichnet werden.
<div id="logo" role="banner">
... Bannerinhalte ...
</div>
Anmerkung: Obwohl es in der WCAG 2.0 kein Erfolgskriterium gibt, in dem die Vergabe von H1 für Banner oder inhaltliche Hauptüberschrift abgeleitet werden kann, so wird in den Techniken zur WCAG 2.0 darauf geachtet, dass die inhaltlichen Überschriften stets mit H1 ausgezeichnet werden. Das kann ich mir nur so erklären: Es ist zwar Konsens, dass die H1 für die inhaltliche Überschrift zu vergeben ist, es fehlt aber an einer übergreifend schlüssigen Begründung.
Eine Überschrift leitet stets einen Inhalt ein. Ein Banner leitet die Inhalte einer Webseite ein genauso wenig wie ein Buchtitel den Inhalt eines Buchabschnitts. Vielmehr ist der Banner eine Meta-Information bezogen auf den Inhalt der Webseite. Folglich ist ein Banner keine Überschrift.
Diese Betrachtungsweise findet nicht überall Zustimmung. Eine Umfrage zu der Frage, ob die H1 dem Banner oder der inhaltlichen Überschrift vorbehalten sein soll, findet sich auf www.
Die H1 für die inhaltliche Hauptüberschrift
Im Web sind Überschriften im HTML auch Sprungmarken. Das gilt für Screenreader, aber es gibt auch Browser bzw. Browser-Plug-Ins, die das Anspringen von Überschriften per Tastatur erlauben. Die Verwendung von Überschriften ist ein wichtiger Aspekt des barrierefreien Webdesigns, wenn es um die
Fatal error: Uncaught Error: Call to undefined function mysql_query() in /home/lfqdu6ah4gh6/migrated_webspace/www/bfw/lib/php/content_func.php:124
Stack trace:
#0 /home/lfqdu6ah4gh6/migrated_webspace/www/bfw/lib/php/content_func.php(112): setScLinkToDb()
#1 /home/lfqdu6ah4gh6/migrated_webspace/www/bfw/knowhow/ueberschriften/h1-debatte.php(41): sclink()
#2 {main}
thrown in /home/lfqdu6ah4gh6/migrated_webspace/www/bfw/lib/php/content_func.php on line 124