| Version | bis 30.03.2005 | Aktuell |
|---|---|
| BITV-Bedingung | 3.5 |
| Bewertungsalternativen | ja / eher erfüllt / eher nicht erfüllt / nein / nicht anwendbar |
| Gewichtung | hohes Gewicht (3 Punkte) |
| Abwertung | keine Abwertung möglich |
| Bezieht sich auf | einzelne Webseite |
| Prüfschritt erfüllt | Seiteninhalte sind durch Überschriften erschlossen. |
| Prüfschritt nicht anwendbar | Überschriften sind nicht erforderlich. |
Überschriften müssen korrekt mit den HTML-Strukturelementen h1 bis h6 ausgezeichnet sein und die Inhalte der Seite erschließen.
Visuell werden Webseiten mit Mitteln wie Überschriften, Spalten oder Kästen strukturiert. Dank dieser Strukturierung weiß der Benutzer, was zusammengehört, kann das Angebot der Webseite leicht überblicken und gezielt auf die Inhalte zugreifen, die ihn interessieren.
Benutzer, die diese visuelle Ordnung nicht nutzen können - zum Beispiel weil sie blind sind oder nur einen kleinen Ausschnitt der Seite sehen können - sind darauf angewiesen, dass die Struktur unabhängig von der Darstellung auf dem Bildschirm zugänglich und nutzbar ist. Die Verwendung von Überschriften-Elementen zur Abbildung der Struktur ist dafür eine wesentliche Voraussetzung.
So können Benutzer die Überschriften-Elemente anwenden:
Der Prüfschritt ist anwendbar, wenn es auf der Seite Inhalte gibt, die durch Überschriften strukturiert werden können. Das ist bei informationsorientierten Seiten vermutlich immer der Fall.
Bereiche mit für sich nutzbaren Inhalten sind zum Beispiel:
Zur Darstellung der Struktur von mittels Markup-Sprachen geschaffener Dokumente sind Überschriften-Elemente zu verwenden.
http://www.bik-online.info/info/gesetze/bitv/anlage_1.php#3-5
Verwenden Sie Überschriften-Elemente, um die Struktur eines Dokuments darzustellen und verwenden Sie sie gemäß der Spezifikation. (...) Zum Beispiel: Verwenden Sie in HTML H2, um einen Unterabschnitt von H1 anzuzeigen. Verwenden Sie keine Überschriften für Schrift-Effekte.
http://www.w3c.de/Trans/WAI/webinhalt.html#tech-logical-headings
In diesem Prüfschritt geht es nicht um eine inhaltliche Bewertung der Seitenstruktur. Es soll nur geprüft werden, ob die mit visuellen Mitteln (Überschriften, Spalten, Kästen und so weiter) geschaffene Struktur vollständig mit Überschriftenelementen abgebildet ist.
Am besten ist es, wenn alle Inhalte einer Webseite einschließlich der Navigation durch die Überschriften geordnet und erschlossen sind. Für die Navigation werden im BITV-Test aber auch Sprunglinks als Ersatz akzeptiert. Folgendermaßen war dieser Fall formuliert:
Erfüllt: Alle Inhalte der Seite mit Ausnahme der Navigation sind über die Überschriften zugänglich. Die Navigation kann mit am Seitenanfang eingefügten Sprunglinks angesteuert oder übersprungen werden.
Die Formulierung ist nicht ganz korrekt, denn ein am Anfang der Seite angeordneter Menübereich muss natürlich nicht per Sprunglink erschlossen werden. Die entsprechende Korrektur:
Erfüllt: Alle Inhalte der Seite mit Ausnahme der Navigation sind über die Überschriften zugänglich. Bestandteile der Navigation (Hauptmenü, Bereichsmenü, Servicemenü) sind am Seitenanfang angeordnet oder über Sprunglinks direkt ansteuerbar.
Long documents are often divided into a variety of chapters, chapters have subtopics and subtopics are divided into various sections, sections into paragraphs, etc. These semantic chunks of information make up the structure of the document.
Sections should be introduced with the HTML heading elements (H1-H6). Other markup may complement these elements to improve presentation (e.g., the HR element to create a horizontal dividing line), but visual presentation is not sufficient to identify document sections.
Quelle: http://www.w3.org/TR/WCAG10-HTML-TECHS/#document-headers
Some users skim through a document by navigating its headings (...). Some access aids extract the headings to create an outline of the page, allowing users to get an overview and jump quickly to a desired part. Incorrect nesting of headings will result in an incorrect outline structure which may disorient users.
Quelle: http://bobby.watchfire.com/bobby/html/en/gls/g2.html
Since some users skim through a document by navigating its headings, it is important to use them appropriately to convey document structure. Users should order heading elements properly. For example, in HTML, H2 elements should follow H1 elements, H3 elements should follow H2 elements, etc. Content developers should not "skip" levels (e.g., H1 directly to H3).
Quelle: http://www.w3.org/TR/WCAG10-HTML-TECHS/#document-headers
Do not use headings to create font effects; use style sheets to change font styles for example.
Quelle: http://www.w3.org/TR/WCAG10-HTML-TECHS/#document-headers
Der Dokumentitel wird als Fenstertitel oder für Bookmarks verwendet. Wenn man mehrere Bookmarks in seiner Liste hat oder mehrere Fenster geöffnet sind, dann soll der Dokumenttitel dabei helfen, die richtige Seite auszuwählen. Was muss im Dokumenttitel stehen, damit das geht? Er muss zwei Bestandteile haben.
Der erste Bestandteil sagt, zu welchem Webangebot die Seite gehört. Er ist normalerweise für alle Dokumente eines Webangebots gleich, man braucht ihn, um die Seite von thematisch ähnlichen Seiten anderer Webangebote zu unterschieden.
Der zweite Bestandteil sagt einem, worum es auf der Seite geht. Er ist normalerweise für alle Dokumente eines Webangebotes unterschiedlich. Denn man braucht ihn, um unterschiedliche Seiten des selben Webangebotes zu unterscheiden.
Bei der Hauptüberschrift geht es dagegen eher um die interne Strukturierung der Seite. Von außen sehe ich die Hauptüberschrift nicht, sie wird mir erst gezeigt, wenn ich die Seite ausgewählt und geöffnet habe.
Die Hauptüberschrift sagt mir dann noch mal das Hauptthema der Seite oder - wenn es mehrere Hauptüberschriften gibt - die zwei oder drei Hauptthemen.
Da auch der Dokumenttitel das Hauptthema der Seite angeben soll, kann es also gut sein, dass die Hauptüberschrift einfach den "individuellen" Teil des Dokumenttitels wiederholt.
Wobei man jetzt sagen kann: Wofür brauche ich dann überhaupt noch die Hauptüberschrift? Was ich über den Dokumenttitel oder über das Navigationssystem des Webangebotes ausgewählt habe, das weiß ich doch. Manche Webseiten verzichten daher auf die Hauptüberschrift und es geht direkt los mit einer Liste von "Einstiegspunkten", die auf die Themen der Seite verweisen. Das ist plausibel, aber man kann auch den Standpunkt vertreten, dass die Hauptüberschrift ruhig noch mal auf der Seite selbst stehen soll.
(18.01.2005)
Generell ist die Verwendung von Schriftgrafiken für Überschriften problematisch. Denn der Besucher kann Grafiken nicht so leicht an seine Bedürfnisse anpassen.
Sie können jedoch als Überschrift ausgezeichnet werden. Der Prüfschritt 3.5.1 ist erfüllt, wenn grafische Überschriften in angemessener Weise als Überschriften ausgezeichnet sind.
(18.01.2005)
Die mit h1 ausgezeichnete Hauptüberschrift sollte sagen, worum es auf der Seite geht. Wenn alle Inhalte der Seite zu einem übergreifenden Thema gehören, dann sollte die Hauptüberschrift dieses Thema angeben. Es gibt dann nur eine mit h1 ausgezeichnete Überschrift.
Vielleicht hat die Seite aber auch zwei Themen, die keine große Gemeinsamkeit haben. Wenn es in so einem Fall nur eine Hauptüberschrift gibt, dann ist diese entweder nichtssagend oder sie zählt einfach die beiden Themen auf. Ihr Nutzen ist fraglich, es kann also auch sinnvoll sein, mehrere Überschriften auf der selben Seite mit h1 auszuzeichnen.
Der wichtigste Anwendungsfall dafür ist die Navigation:
Bei den meisten Webangeboten sind bestimmte Bereiche durchgängig für die Navigation reserviert. Diese Bereiche sind auf allen Seiten des Angebots gleich aufgebaut und gestaltet. Sie haben keinen engen Bezug zum besonderen Seiteninhalt, sind eigentlich nicht den einzelnen Seiten, sondern eher dem Webauftritt als ganzen zuzurechnen. Es liegt daher nahe, die Navigation und den Inhaltsbereich jeweils mit einer Hauptüberschrift zu versehen.
(18.01.2005)
Die Frage ist, ob es einen akzeptablen Grund gibt, die h1-Überschrift zu überspringen. Es kann zum Beispiel sein, dass h2 verwendet worden ist, weil dem Entwickler die h1-Überschrift zu groß war und er nicht wusste, wie man die Größe ändert. Das wäre kein akzeptabler Grund, denn Inhalt und Form soll man trennen.
Ein anderer Grund dafür, mit einer niedrigeren Überschrift-Ebene anzufangen: Das Webangebot ist ein zusammengesetztes Dokument, die einzelnen Seiten sind zum Beispiel einzelne Kapitel dieses Dokuments. Das ist ein akzeptabler Grund.
Für die Brauchbarkeit von Überschriften kommt es allerdings nicht darauf an, dass eine h1 an oberster Stelle steht.
(18.01.2005)
Formale Regeln für die Strukturierung durch Überschriften sind sinnvoll und sie können nützlich sein. Oft liefert ihre Überprüfung Hinweise auf falsche oder missbräuchliche Anwendung der Überschriften oder anderer Strukturelemente.
Die Umkehrung ist aber nicht möglich, formal korrekte Überschriftstrukturen sind nicht unbedingt brauchbar. Entscheidend ist, daß die Überschriften den Inhalt der Seite erschließen. Man muss sich also das aus den Überschriften zusammengesetzte Inhaltsverzeichnis ansehen und überlegen:
Das sind die entscheidenden Fragen, die Struktur muss für den Besucher brauchbar sein. Die Einhaltung der verschiedenen technischen Regeln ergibt sich dann von selbst.
(18.01.2005)