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.

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.

Was Automatisierung erkennen kann

Ein Scanner kann deterministisch prüfen, ob das html-Element ein syntaktisch gültiges lang-Attribut besitzt. Ob dieser Wert die natürliche Sprache der Seite tatsächlich korrekt beschreibt, lässt sich jedoch nicht immer automatisiert bestimmen. Es handelt sich daher um automatisierte Fehlererkennung, nicht um eine vollständige automatisierte Bewertung des Kriteriums.

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.