WCAG-A/AA-Anforderung Priorität: Mittel

Textteile haben einen falschen Sprachcode

Ein Teil der Seite, zum Beispiel ein Sprachumschalter, ein Zitat oder ein Textblock in einer anderen Sprache, gibt einen Sprachcode an, den es nicht gibt, etwa „ua“ statt „uk“ oder einen Tippfehler.

Dieser Text wurde automatisch übersetzt und noch nicht von Muttersprachlern geprüft.

Warum das für Ihre Kunden wichtig ist

Screenreader passen die Aussprache an diesen Code an. Bei einem ungültigen Code lesen sie den Teil womöglich mit der falschen Stimme vor, sodass Sprachoptionen, Produktnamen oder Bewertungen in einer anderen Sprache schwer verständlich werden.

Wen es betrifft

blinde Kundinnen und Kunden
Screenreader-Nutzer
Menschen, die Vorlese- oder Übersetzungsfunktionen nutzen

So beheben Sie es

Verwenden Sie in jedem lang-Attribut gültige BCP-47-Codes wie "en", "de", "pl", "uk", "cs" oder "de-AT". Häufige Fehler sind "ua" statt "uk" für Ukrainisch, "cz" statt "cs" für Tschechisch, "gr" statt "el" für Griechisch, "dk" statt "da" für Dänisch sowie Unterstriche ("de_DE" statt "de-DE"). Geben Sie in einem Sprachumschalter jedem Sprachnamen den Code genau dieser Sprache.

Bei Shopify

Oft im Sprach- oder Länderwähler in den Liquid-Snippets von Header oder Footer oder in Übersetzungs-Apps, die lang-Attribute ergänzen. Prüfen Sie die ausgegebenen Codes und korrigieren Sie sie im Snippet oder in den Einstellungen der App.

Bei Shoptet (CZ)

Meist im Sprachumschalter des Templates oder in eigenem HTML. Prüfen Sie zuerst die Spracheinstellungen und wenden Sie sich dann wegen des Templates an Shoptet oder eine Partneragentur.

Bei PrestaShop

Meist im Modul für die Sprachauswahl oder fest codiert in einem .tpl-Template; prüfen Sie außerdem die ISO-Codes der Shop-Sprachen im Backoffice.

Bei WooCommerce

Meist durch den Sprachumschalter eines Mehrsprachigkeits-Plugins, eine Page-Builder-Einstellung oder HTML mit fest codiertem lang-Attribut. Prüfen Sie zuerst die im Mehrsprachigkeits-Plugin hinterlegten Sprachcodes.

Standards

Standards
Standard	Abschnitt
WCAG 2.2	3.1.2 (AA) Language of Parts
WCAG 2.1	3.1.2 (AA) Language of Parts
WCAG 2.0	3.1.2 (AA) Language of Parts
EN 301 549 4.1.1	9.3.1.2
EN 301 549 3.2.1	9.3.1.2
Section 508 2017	E205.4
ДСТУ EN 301 549 2022	9.3.1.2

Automatische Prüfung: axe-core-Regel valid-lang. dequeuniversity.com, github.com, www.w3.org

Links im Fließtext sehen aus wie normaler Text
WCAG 1.4.1 A
Die Seite enthält veraltetes Markup für blinkenden Text
WCAG 2.2.2 A
Die ganze Seite ist für Screenreader ausgeblendet
WCAG 1.3.1 A
Einige Links sagen nicht, wohin sie führen
WCAG 2.4.4 A

Alle Regeln, die wir prüfen