Empfohlene Praxis Priorität: Mittel
Die Seite hat keine Hauptüberschrift
Die Seite hat keine Überschrift der obersten Ebene (H1), die ihr Thema benennt, etwa den Produkt- oder Kategorienamen. Dies ist eine empfohlene Praxis, die über das WCAG-2.2-AA-Niveau hinausgeht, auf das sich das Gesetz stützt.
Dieser Text wurde automatisch übersetzt und noch nicht von Muttersprachlern geprüft.
Warum das für Ihre Kunden wichtig ist
Viele Screenreader-Nutzer springen mit einer Taste zur Hauptüberschrift, um zu erfahren, wo sie sind. Ohne sie müssen sie anhand von Menü und Bannern raten, ob sie beim richtigen Produkt oder in der richtigen Kategorie sind. Eine klare H1 hilft auch Suchmaschinen, die Seite zu verstehen.
Wen es betrifft
- blinde Menschen, die Screenreader nutzen
- Menschen mit kognitiven Einschränkungen
- Menschen, die Seiten mit Lesewerkzeugen überfliegen
So beheben Sie es
Geben Sie jeder Seite genau eine <h1>, die ihren Inhalt beschreibt: den Produktnamen auf Produktseiten, den Kategorienamen auf Kategorieseiten, „Warenkorb“ oder „Kasse“ in diesen Schritten. Verwenden Sie eine echte <h1> (nicht nur großen fetten Text) und machen Sie nicht auf jeder Seite das Logo zur H1. Behalten Sie die Optik bei Bedarf per CSS bei.
Bei Shopify
Meist ist der Produkt-, Kollektions- oder Seitentitel in den Section-Dateien des Themes ein <div> oder <h2>. Ändern Sie ihn in der passenden Section zu <h1>; auf der Startseite fügen Sie eine h1 hinzu oder machen den ersten Überschriftenblock zur H1, wenn das Theme das erlaubt.
Bei Shoptet (CZ)
Meist sind Produkt- und Kategorienamen bereits H1; oft fehlt sie auf der Startseite oder eigenen Seiten. Fügen Sie im Inhaltseditor der Seite eine Überschrift hinzu oder fragen Sie Shoptet oder einen Partner zum Template.
Bei PrestaShop
Meist ist der Produkt- oder Kategoriename in den .tpl-Templates des Themes keine <h1>. Ändern Sie das Tag in den Produkt- und Kategorie-Templates des Themes oder eines Child-Themes.
Bei WooCommerce
Meist blendet das Theme oder der Page-Builder den Seitentitel aus oder nutzt eine niedrigere Ebene. Aktivieren Sie den Titel wieder oder stellen Sie den Überschriftenblock im Builder auf H1; prüfen Sie im Child-Theme die WooCommerce-Templates für Produkt- und Archivtitel.
Standards
Kein WCAG-Erfolgskriterium, sondern eine empfohlene Praxis, die die Website leichter nutzbar macht.
Automatische Prüfung: axe-core-Regel page-has-heading-one.
dequeuniversity.com, github.com, www.w3.org