Zum Inhalt springen
Pandus

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

Standards
StandardAbschnitt
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

Alle Regeln, die wir prüfen