WCAG 3.1.1 Sprache der Seite
Erfolgskriterium 3.1.1 verlangt, dass die Standard-Sprache einer Seite programmatisch bestimmt werden kann. Es ist ein Kriterium der Stufe A unter Richtlinie 3.1 (Lesbar) – eine der kleinsten Lösungen in ganz WCAG im Verhältnis zu ihrer Wirkung.
Was "programmatisch bestimmt" hier bedeutet
Screenreader wenden pro Sprache eine völlig andere Ausspracheeinheit an – derselbe Text, gelesen mit englischer versus französischer versus ukrainischer Phonetik, klingt völlig anders. Ohne ein lang-Attribut am <html>-Element nehmen die meisten Screenreader eine Standardsprache an (oft Englisch) und sprechen alles andere in unterschiedlichem Ausmaß falsch aus.
Die Lösung
<html lang="de">
Ein gültiger BCP-47-Sprachcode – de, en, uk, fr, es, ja und so weiter – erfüllt dieses Kriterium. Regionsvarianten (de-AT, de-CH) sind ebenfalls gültig, aber zum Bestehen nicht erforderlich; der zweibuchstabige Basiscode genügt.
Warum dies fast eine mechanische, garantiert automatisierbare Prüfung ist
Anders als die meisten WCAG-Kriterien ist "hat das html-Element ein gültiges lang-Attribut" eine einfache, deterministische Prüfung ohne Mehrdeutigkeit – ein Scanner kann sie mit voller Sicherheit verifizieren, weshalb sie eine von wenigen vollständig automatisierbaren Kriterien in der gesamten Spezifikation ist.
Ihr Schwesterkriterium: Sprache von Teilen
WCAG 3.1.2 (Stufe AA) erweitert dieselbe Idee auf Inhalte innerhalb einer Seite, die tatsächlich in einer anderen Sprache als der Standard der Seite sind – etwa ein französisches Zitat innerhalb eines ansonsten deutschen Artikels:
<p>Wie man auf Französisch sagt: <span lang="fr">c'est la vie</span>.</p>
3.1.1 ist das Kriterium, das fast jede Website korrekt umsetzen muss (ein Attribut, eine Vorlage, website-weite Lösung); 3.1.2 ist nur für Inhalte relevant, die absichtlich Sprachen innerhalb einer einzigen Seite mischen. Siehe Fehlende Seitensprache für mehr zu beiden.
Häufige Fragen
- Was ist WCAG 3.1.1?
- Ein Kriterium der Stufe A, das verlangt, die Hauptsprache der Seite im Code anzugeben, üblicherweise mit html lang='de'.
- Warum ist die Seitensprache wichtig?
- Screenreader wechseln Ausspracheregeln und Stimme anhand der angegebenen Sprache; fehlt sie, wird Text mit falschem Akzent und falschen Regeln vorgelesen, was das Verständnis erschwert.
- Wie behebe ich eine fehlende Seitensprache?
- Ergänzen Sie am html-Element das korrekte lang-Attribut mit gültigem Sprachcode, etwa lang='de' oder lang='en'. Automatisierte Werkzeuge erkennen einen fehlenden oder leeren Wert zuverlässig.
Verwandte Artikel
Möchten Sie sehen, wie Ihre eigene Website abschneidet?
Kostenlosen Barrierefreiheitsscan durchführen