WCAG & BFSG · WCAG-Referenz: Verständlich
WCAG 3.1.1: Sprache der Seite
Die Standardsprache jeder Seite muss programmatisch bestimmbar sein – im Web heißt das: ein korrektes lang-Attribut auf dem <html>-Element. Eine Zeile Code, große Wirkung. (Englisch: Language of Page.)
| Stufe | Prinzip | Teil der WCAG seit | Rechtlich verbindlich? |
|---|---|---|---|
| A | Verständlich | 2.0 (2008) | Ja – über EN 301 549 in BFSG & BITV |
Was verlangt das Kriterium?
Screenreader wählen anhand von lang ihre Aussprache-Engine: Deutsch mit deutscher Phonetik, Englisch mit englischer. Fehlt das Attribut oder ist es falsch, liest die englische Stimme deutschen Text – aus „Suche“ wird „ßutsch“, aus ganzen Seiten wird anstrengender Kauderwelsch. Auch die
Braille-Übersetzung
(Kurzschrift!), Silbentrennung, Anführungszeichen und Übersetzungs-Angebote der Browser hängen an dieser Angabe.
Wen betrifft es besonders?
Screenreader-Nutzer zuerst – für sie entscheidet lang über Verständlichkeit jeder einzelnen Ansage. Daneben Braille-Leser und alle, die Vorlese-Funktionen nutzen, etwa bei Leseeinschränkungen.
Richtig & falsch im Code
<!-- Falsch: fehlt (oder Boilerplate-Englisch auf deutscher Seite) -->
<html>
<html lang="en"> <!-- auf einer deutschen Seite -->
<!-- Richtig -->
<html lang="de">
<!-- Auch richtig: regionale Varianten, wenn gewollt -->
<html lang="de-AT">
Der Klassiker unter den Fehlern ist kopiertes Template-lang="en" – einmal im Starter falsch, für immer auf jeder Seite falsch. In dieser Website kommt der Wert zentral aus der Konfiguration; so gehört es: eine Quelle, alle Seiten korrekt. Fremdsprachige Passagen innerhalb der Seite regelt das Schwester-Kriterium 3.1.2.
So testest du es
- Quelltext ansehen: Hat
<html>einlang, und stimmt es mit der Inhaltssprache überein? (axe prüft beides automatisch.) - Bei mehrsprachigen Auftritten: Trägt jede Sprachversion ihr eigenes, korrektes
lang? - Hör-Probe mit NVDA: Klingt die Seite nach ihrer Sprache?
Verwandte Themen
- 3.1.2 Sprache von Teilen – fremdsprachige Abschnitte
- Dokument-Metadaten – der head als Fundament
- Canonical & hreflang – Sprache aus SEO-Sicht