WCAG-A/AA-Anforderung Priorität: Mittel
Die Seite gibt zwei verschiedene Sprachen an
Das <html>-Tag der Seite hat sowohl ein lang- als auch ein xml:lang-Attribut, und beide nennen unterschiedliche Sprachen, etwa lang="de" und xml:lang="en".
Dieser Text wurde automatisch übersetzt und noch nicht von Muttersprachlern geprüft.
Warum das für Ihre Kunden wichtig ist
Software, die xml:lang auswertet, hält eine deutsche Seite womöglich für englisch. Screenreader lesen dann Produktnamen, Preise und Checkout-Hinweise mit falscher Aussprache vor, und Übersetzungstools erkennen die Sprache möglicherweise falsch.
Wen es betrifft
- blinde Kundinnen und Kunden
- Screenreader-Nutzer
- Menschen, die Vorlese- oder Übersetzungsfunktionen nutzen
So beheben Sie es
Sorgen Sie dafür, dass beide Attribute dieselbe Sprache nennen, etwa lang="pl" xml:lang="pl". In einer normalen HTML5-Seite wird xml:lang nicht benötigt; am einfachsten entfernen Sie es und behalten ein korrektes lang. Prüfen Sie jede Sprachversion des Shops: Die Abweichung tritt oft nur auf übersetzten Seiten auf.
Bei Shopify
In aktuellen Themes selten. Meist eine ältere oder stark angepasste Layout-Datei mit fest codiertem xml:lang, während lang aus der Shop-Sprache kommt. Korrigieren oder entfernen Sie xml:lang in der Layout-Liquid-Datei des Themes.
Bei Shoptet (CZ)
Selten; wenn doch, stammt es aus dem Template oder einer Anpassung des Seitenkopfs. Bitten Sie Shoptet oder einen Shoptet-Partner, xml:lang anzugleichen oder zu entfernen.
Bei PrestaShop
Meist in älteren oder angepassten Themes, in denen xml:lang im Layout-Template (.tpl) fest codiert ist. Verwenden Sie denselben Sprach-ISO-Code wie bei lang oder entfernen Sie das Attribut.
Bei WooCommerce
Meist in älteren Themes mit XHTML-artigem Header, in dem xml:lang fest codiert ist, oder wenn ein Mehrsprachigkeits-Plugin nur lang ändert. Korrigieren Sie das <html>-Tag im Header-Template des Child-Themes, am besten indem nur language_attributes() ausgegeben wird.
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-xml-lang-mismatch.
dequeuniversity.com, github.com, www.w3.org
Ähnliche Prüfungen
-
Buttons und Links sind zu klein zum bequemen Antippen
WCAG 2.5.8 AA
-
Formularfelder haben keine Beschriftung
WCAG 4.1.2 A
-
Einige Vektorgrafiken haben keine Textbeschreibung
WCAG 1.1.1 A
-
Einige Überschriften sind nur fetter oder großer Text
WCAG 1.3.1 A