WCAG-A/AA-Anforderung Priorität: Mittel
Die Seite hat keinen Titel
Die Seite hat in ihrem Code keinen Titel. Browser-Tabs, Lesezeichen und Screenreader zeigen deshalb nichts Hilfreiches an.
Dieser Text wurde automatisch übersetzt und noch nicht von Muttersprachlern geprüft.
Warum das für Ihre Kunden wichtig ist
Wer mehrere Tabs geöffnet hat, findet Ihren Shop nicht wieder; Screenreader-Nutzer hören nicht, auf welcher Seite sie gelandet sind. Auch Suchmaschinen und Link-Vorschauen fehlt eine wichtige Information.
Wen es betrifft
- Screenreader-Nutzer
- Menschen mit kognitiven Einschränkungen
- Menschen, die viele Browser-Tabs nutzen
So beheben Sie es
Geben Sie jeder Seite einen eindeutigen, aussagekräftigen <title>, zum Beispiel "Leinenhemd, blau – Shopname". Das Spezifische zuerst, der Shopname zuletzt. Prüfen Sie auch die Templates für Suchergebnisse, Fehlerseiten und Checkout-Schritte.
Bei Shopify
Shopify-Themes geben den Titel meist aus den SEO-Einstellungen der Seite oder des Produkts in der Layout-Datei aus. Ein fehlender Titel deutet auf eine fehlerhafte Layout-Liquid-Datei oder eine App hin, die den head-Bereich ersetzt.
Bei Shoptet (CZ)
Titel stammen meist aus den SEO-Feldern von Produkten, Kategorien und Seiten. Füllen Sie sie in der Administration aus; hat ein Seitentyp keine, wenden Sie sich an Shoptet oder eine Partneragentur.
Bei PrestaShop
Titel stammen meist aus den SEO-Feldern von Produkten, Kategorien und CMS-Seiten. Füllen Sie sie im Backoffice aus und prüfen Sie, ob das head-Template des Themes sie ausgibt.
Bei WooCommerce
Der Titel wird meist von WordPress, dem Theme und einem SEO-Plugin verwaltet. Fehlt er, unterstützt das Theme die Titelausgabe meist nicht oder es gibt einen Plugin-Konflikt; korrigieren Sie es im Theme oder in den Einstellungen des SEO-Plugins.
Standards
| Standard | Abschnitt |
|---|---|
| WCAG 2.2 | 2.4.2 (A) Page Titled |
| WCAG 2.1 | 2.4.2 (A) Page Titled |
| WCAG 2.0 | 2.4.2 (A) Page Titled |
| EN 301 549 4.1.1 | 9.2.4.2 |
| EN 301 549 3.2.1 | 9.2.4.2 |
| Section 508 2017 | E205.4 |
| ДСТУ EN 301 549 2022 | 9.2.4.2 |
Automatische Prüfung: axe-core-Regel document-title.
dequeuniversity.com, github.com, www.w3.org
Ähnliche Prüfungen
-
Text ist wegen zu geringen Kontrasts schwer lesbar
WCAG 1.4.3 AA
-
Buttons und Links sind zu klein zum bequemen Antippen
WCAG 2.5.8 AA
-
Einige Elemente haben eine Braille-Beschriftung, aber keinen normalen Namen
WCAG 4.1.2 A
-
Eingebettete Inhalte haben keinen Namen
WCAG 4.1.2 A