WCAG-A/AA-Anforderung Priorität: Mittel · experimentelle Prüfung: ggf. manuell nachsehen
Einige Überschriften sind nur fetter oder großer Text
Einige Absätze sehen wie Überschriften aus, weil sie fett, kursiv oder größer sind, im Code sind sie aber gewöhnlicher Text und keine echten Überschriften.
Dieser Text wurde automatisch übersetzt und noch nicht von Muttersprachlern geprüft.
Warum das für Ihre Kunden wichtig ist
Blinde Kundinnen und Kunden springen oft von Überschrift zu Überschrift, um Abschnitte wie „Beschreibung“, „Versand“ oder „Bewertungen“ zu finden. Unechte Überschriften sind für diese Navigation unsichtbar, sodass sie die ganze Seite anhören müssen und wichtige Informationen verpassen können.
Wen es betrifft
- blinde Kundinnen und Kunden
- Screenreader-Nutzer
- Menschen, die mit Tastenkürzeln navigieren
So beheben Sie es
Machen Sie Text, der als Abschnittstitel dient, zu einer echten Überschrift (<h2>, <h3> usw.) in logischer Reihenfolge und gestalten Sie das Aussehen per CSS. Wählen Sie in Editoren im Formatmenü „Überschrift 2“ oder „Überschrift 3“, statt Text fett oder größer zu machen. Ist der Text keine Überschrift, lassen Sie ihn als Absatz: axe stuft diese Prüfung als experimentell ein und markiert manchmal fette Einleitungssätze.
Bei Shopify
Meist in Produktbeschreibungen, Seiten oder Blogbeiträgen. Markieren Sie im Rich-Text-Editor den Text und wählen Sie ein Überschriftenformat statt Fettdruck; nutzen Sie in Theme-Abschnitten einen Überschriften-Block, wenn das Theme einen anbietet.
Bei Shoptet (CZ)
Meist in Produktbeschreibungen oder Artikeln. Wählen Sie im Editor ein Überschriftenformat statt Fettdruck oder korrigieren Sie das HTML in der Quellcode-Ansicht.
Bei PrestaShop
Meist in Produktbeschreibungen oder CMS-Seiten. Wählen Sie in der Werkzeugleiste des Editors ein Überschriftenformat oder korrigieren Sie das HTML in der Quellcode-Ansicht.
Bei WooCommerce
Meist in Produktbeschreibungen oder Inhalten aus dem Page Builder. Nutzen Sie den Block „Überschrift“ im Block-Editor oder das Überschriften-Widget Ihres Page Builders statt eines fetten Absatzes.
Standards
| Standard | Abschnitt |
|---|---|
| WCAG 2.2 | 1.3.1 (A) Info and Relationships |
| WCAG 2.1 | 1.3.1 (A) Info and Relationships |
| WCAG 2.0 | 1.3.1 (A) Info and Relationships |
| EN 301 549 4.1.1 | 9.1.3.1 |
| EN 301 549 3.2.1 | 9.1.3.1 |
| Section 508 2017 | E205.4 |
| ДСТУ EN 301 549 2022 | 9.1.3.1 |
Automatische Prüfung: axe-core-Regel p-as-heading.
dequeuniversity.com, github.com, www.w3.org