Empfohlene Praxis Priorität: Gering
Eine Überschrift auf der Seite ist leer
Die Seite enthält eine Überschrift ohne lesbaren Text, oft ein Rest eines leeren Abschnittstitels, eines Theme-Blocks oder einer Überschrift, die nur aus einem Symbol besteht. Das ist eine empfohlene Praxis, keine Anforderung der WCAG-Stufe AA.
Dieser Text wurde automatisch übersetzt und noch nicht von Muttersprachlern geprüft.
Warum das für Ihre Kunden wichtig ist
Viele Screenreader-Nutzende springen von Überschrift zu Überschrift, um sich einen Überblick über die Seite zu verschaffen. Eine leere Überschrift wird nur als „Überschrift“ ohne Inhalt angesagt. Das verwirrt und erschwert die Orientierung.
Wen es betrifft
- Screenreader-Nutzende
- Menschen, die über Überschriften navigieren
- blinde Menschen
So beheben Sie es
Suchen Sie die leeren Elemente <h1>–<h6> (oder Elemente mit role="heading"). Ergänzen Sie einen aussagekräftigen Text oder entfernen Sie das Überschriften-Tag, wenn der Abschnitt keinen Titel hat. Enthält die Überschrift nur ein Bild oder Symbol, geben Sie dem Bild einen Alternativtext, der als Überschriftentext funktioniert. Verstecken Sie Überschriftentext nicht mit display:none oder aria-hidden.
Bei Shopify
Oft liegt es an einem Abschnitt oder Block, dessen Überschriftenfeld leer blieb, während das Theme trotzdem ein leeres Tag ausgibt. Füllen Sie die Überschrift im Theme-Editor aus oder ändern Sie das Liquid des Abschnitts so, dass das Tag nur bei vorhandenem Text erscheint.
Bei Shoptet (CZ)
Kommt meist vom Template oder einem leeren Textblock. Füllen oder entfernen Sie den Block in der Administration; ist die Überschrift Teil des Templates, wenden Sie sich an Shoptet oder einen Partner.
Bei PrestaShop
Kommt oft von einem Theme- oder Modulblock mit leerem Titel. Tragen Sie den Titel in der Modulkonfiguration ein oder ändern Sie die .tpl-Datei so, dass die Überschrift nur bei vorhandenem Text ausgegeben wird.
Bei WooCommerce
Kommt oft von leeren Überschriften-Widgets im Page Builder oder von Theme-Templates, die auch ohne Titel eine Überschrift ausgeben. Löschen Sie das leere Widget oder passen Sie das Template in einem Child-Theme an.
Standards
Kein WCAG-Erfolgskriterium, sondern eine empfohlene Praxis, die die Website leichter nutzbar macht.
Automatische Prüfung: axe-core-Regel empty-heading.
dequeuniversity.com, github.com, www.w3.org