Erfolgskriterien

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.

Möchten Sie sehen, wie Ihre eigene Website abschneidet?

Kostenlosen Barrierefreiheitsscan durchführen