3.1.1 Sprache der Seite

Was bedeutet das?

Jede Seite braucht im <html>-Element ein lang-Attribut mit der Sprache, in der der Großteil des Textes steht. Für eine deutsche Seite ist das lang="de". Ohne diese Angabe raten Screenreader – und lesen deutschen Text oft mit englischer Aussprache vor.

Die Angabe muss zur tatsächlichen Sprache passen. Wer eine englische Fassung anbietet, setzt dort lang="en". Ein falscher Wert ist genauso ein Fehler wie ein fehlender.

Wem hilft das?

• Blinde Menschen, die sich Texte vom Screenreader vorlesen lassen
• Menschen mit Leseschwäche, die Vorlesefunktionen nutzen
• Alle, die die Seite automatisch übersetzen lassen
• Menschen, die Untertitel oder Braillezeilen verwenden

Typische Fehler

• Das <html>-Element hat gar kein lang-Attribut.
• Die Vorlage stammt aus einem englischen Baukasten, und auf der deutschen Seite steht weiterhin lang="en".
• Ein ungültiger Wert wie lang="deutsch" oder lang="ger-DE".
• Alle Sprachfassungen einer mehrsprachigen Website tragen denselben lang-Wert.

So prüfen wir das

• axe-core Automatisch: axe-core findet typische Verstöße. Ein Verstoß wird als „nicht erfüllt“ vorausgefüllt.
• Belege Belege: Unser Scanner sammelt Material, zum Beispiel Screenshots, Listen und Messungen.

Prüffrage: Ist die Seitensprache in <html lang> richtig gesetzt?

Entschieden wird jedes Kriterium von einem Menschen. Kein Kriterium gilt automatisch als erfüllt.

So beheben Sie es

<html>

<html lang="de">

Mit lang="de" wählt der Screenreader die deutsche Stimme und Aussprache.

Praxistipps

• Prüfen Sie nach einem Theme-Update oder Systemwechsel, ob der lang-Wert noch stimmt.
• Für Varianten wie Österreich oder die Schweiz sind de-AT und de-CH möglich, nötig ist das aber nicht.

Offizielle Quelle

Understanding WCAG 2.2 beim W3C (Englisch): 3.1.1 Language of Page