Warum liest ein Screenreader die Überschriften auf meiner Seite nicht richtig vor?

Überschriften fehlen oder stehen in falscher Reihenfolge

Ein Screenreader findet die Überschriften auf einer Seite häufig nicht korrekt, weil sie zwar visuell als Überschrift formatiert sind — größer, fett, eine andere Farbe — aber nicht als Überschrift codiert sind. Ein Screenreader liest die zugrunde liegende Struktur der Seite, nicht deren Erscheinungsbild. Wenn ein Wort in großen fetten Buchstaben dargestellt ist, aber in dem Code kein Überschriftselement (wie h1, h2 oder h3) dahintersteckt, liest ein Screenreader einfach eine Zeile unformatierten Text und meldet nichts über eine Überschrift. Ein Benutzer, der mit der Tastatur von Überschrift zu Überschrift springt, um schnell zu navigieren, vermisst diesen Text dann vollständig in seiner Übersicht.

Auch eine falsche Reihenfolge von Überschriften ist eine häufige Ursache. Eine Seite, die von einer h1 direkt zu einer h4 springt oder auf der eine h3 über einer h2 steht, vermittelt einem Screenreader ein verzerrtes Bild davon, wie der Inhalt aufgebaut ist — einige Benutzer erwarten eine logische Hierarchie, um zu entscheiden, ob sie einen Bereich öffnen oder überspringen möchten. Dieses Problem hängt mit anderen Strukturmängeln auf einer Seite zusammen: ähnliche Probleme treten auch bei Formularfeldern auf, die nicht richtig vorgelesen werden und beim Sprung des Fokus während der Tastaturnavigationauf. In allen Fällen geht es um denselben Kern: Die visuelle Darstellung stimmt, aber der zugrunde liegende Code, den ein Screenreader verwendet, stimmt nicht.

Wo dies in WCAG steht: Information und Beziehungen

Dass Struktur programmgesteuert erkennbar sein muss — also im Code, nicht nur visuell — folgt aus dem Erfolgskriterium über Information und Beziehungen in WCAG 2.1, dem Richtlinienwerk, auf dem EN 301 549 in der Praxis basiert. Ob Überschriften tatsächlich als Überschrift codiert und in logischer Reihenfolge angeordnet sind, ist etwas, das eine automatisierte Kontrolle großteils erkennen kann; was eine automatische Überprüfung leisten kann und was nicht ist dabei ein wichtiger Unterschied, da eine Überprüfung zwar das Vorhandensein von Überschriftselementen erkennt, aber nicht immer beurteilen kann, ob die gewählte Struktur für einen Benutzer auch logisch ist.