WCAG-A/AA-Anforderung Priorität: Schwerwiegend
Die Seite gibt ihre Sprache nicht an
Die Seite gibt ihre Sprache nicht an. Assistive Technologien müssen deshalb raten, wie der Text auszusprechen ist.
Dieser Text wurde automatisch übersetzt und noch nicht von Muttersprachlern geprüft.
Warum das für Ihre Kunden wichtig ist
Ein Screenreader liest polnischen oder deutschen Text womöglich mit englischer Aussprache vor, und Produktbeschreibungen werden schwer verständlich. Auch automatische Übersetzung und einige Browserfunktionen arbeiten schlechter.
Wen es betrifft
- blinde Kundinnen und Kunden
- Screenreader-Nutzer
- Menschen, die Vorlese- oder Übersetzungsfunktionen nutzen
So beheben Sie es
Ergänzen Sie am <html>-Element ein lang-Attribut mit der Hauptsprache der Seite, zum Beispiel <html lang="de">. Auf mehrsprachigen Websites setzen Sie es je Sprachversion. Verwenden Sie lang auch für kleinere Abschnitte in einer anderen Sprache.
Bei Shopify
Shopify-Themes setzen die Sprache meist anhand der Shop-Sprache in der Haupt-Layout-Datei. Fehlt sie, ergänzen Sie das lang-Attribut am <html>-Tag in der Layout-Liquid-Datei des Themes.
Bei Shoptet (CZ)
Das Template setzt die Sprache normalerweise selbst. Fehlt sie, melden Sie es Shoptet oder einer Partneragentur, da das Grundlayout Teil des Templates ist.
Bei PrestaShop
Das Haupt-Layout-Template des Themes setzt lang normalerweise anhand der Shop-Sprache. Fehlt es, ergänzen Sie es am <html>-Tag in der Layout-.tpl-Datei des Themes.
Bei WooCommerce
WordPress gibt die Sprache normalerweise über das Header-Template des Themes aus. Fehlt sie, ruft die Header-Datei des Themes vermutlich die Standardfunktion für Sprachattribute (language_attributes) nicht auf; korrigieren Sie es in einem Child-Theme.
Standards
| Standard | Abschnitt |
|---|---|
| WCAG 2.2 | 3.1.1 (A) Language of Page |
| WCAG 2.1 | 3.1.1 (A) Language of Page |
| WCAG 2.0 | 3.1.1 (A) Language of Page |
| EN 301 549 4.1.1 | 9.3.1.1 |
| EN 301 549 3.2.1 | 9.3.1.1 |
| Section 508 2017 | E205.4 |
| ДСТУ EN 301 549 2022 | 9.3.1.1 |
Automatische Prüfung: axe-core-Regel html-has-lang.
dequeuniversity.com, github.com, www.w3.org
Ähnliche Prüfungen
-
Die ganze Seite ist für Screenreader ausgeblendet
WCAG 1.3.1 A
-
Ein Auswahlmenü hat keine Beschriftung
WCAG 4.1.2 A
-
Große Tabellen haben Zellen ohne Überschriften
WCAG 1.3.1 A
-
Einige scrollbare Bereiche sind per Tastatur nicht bedienbar
WCAG 2.1.1 A