Sprache auszeichnen: Das lang-Attribut korrekt setzen
Ohne lang-Attribut liest Vorlese-Software Ihre Seite mit falscher Aussprache vor. So setzen Sie ein gültiges Sprachtag am html-Element und in fremdsprachigen Passagen.
Inhaltsverzeichnis
Ihrer Seite fehlt die technische Angabe, in welcher Sprache sie verfasst ist. Vorlese-Software weiß dann nicht, mit welcher Aussprache sie vorlesen soll. EverAudit prüft das lang-Attribut gegen WCAG 3.1.1 (Language of Page) und meldet Fehlen oder ungültige Werte als kritischen Befund.
Was ist das Problem?#
Screenreader nutzen das lang-Attribut am <html>-Element, um die passende Sprachausgabe (Aussprache, Betonung) zu wählen. Fehlt das Attribut komplett, greift die Software oft auf eine Standardsprache zurück — häufig Englisch — und liest deutsche Inhalte dann mit falscher Aussprache und Betonung vor. Ist das Attribut zwar vorhanden, trägt aber einen ungültigen Wert (etwa lang="german" statt lang="de"), tritt derselbe Effekt ein.
Zusätzlich sollten einzelne fremdsprachige Passagen — ein englisches Zitat in einem deutschen Artikel, ein französischer Produktname — ein eigenes lang-Attribut tragen, damit die Aussprache innerhalb der Seite korrekt wechselt.
Warum prüft EverAudit das?#
html-has-lang und html-lang-valid sind prio1-Befunde, weil sie die Grundvoraussetzung für jede weitere Sprachausgabe betreffen — ein Fehler hier wirkt sich auf die gesamte Seite aus, nicht nur auf ein einzelnes Element. Da das lang-Attribut meist zentral im HTML-Grundgerüst (Layout, Template) gesetzt wird, ist ein Fund hier häufig ein Zeichen für ein fehlerhaftes Basis-Template, das alle Seiten betrifft.
Welche Auswirkung hat das?#
Ohne gültige Sprachangabe klingen vorgelesene Inhalte oft unverständlich oder unnatürlich — das erschwert blinden Besuchern den Zugang zu Ihren Inhalten erheblich und wirkt unprofessionell. Bei mehrsprachigen Websites verstärkt sich das Problem: Wechselt die Sprache im Content, ohne dass das entsprechend ausgezeichnet ist, wird die Vorlesequalität für die gesamte Seite unzuverlässig.
Wie beheben Sie eine fehlende oder falsche Sprachangabe?#
Setzen Sie ein gültiges BCP-47-Sprachtag am <html>-Element:
<!-- fehlt komplett -->
<html>
<!-- korrigiert: deutsche Seite -->
<html lang="de">Bei mehrsprachigen Websites setzt Ihr CMS oder Framework den Wert idealerweise dynamisch je nach aktiver Sprachversion:
<!-- Deutsche Version -->
<html lang="de">
<!-- Englische Version -->
<html lang="en">Für fremdsprachige Passagen innerhalb einer Seite:
<p>Der Claim lautet: <span lang="en">Simplicity is the ultimate sophistication.</span></p>Konkretes Vorgehen:
langim Basis-Template prüfen — meist reicht ein einziger Fix im Layout, der alle Seiten abdeckt.- Gültiges BCP-47-Tag verwenden —
de,de-DE,de-AT,de-CH,en,en-USusw., keine ausgeschriebenen Sprachnamen. - Bei Mehrsprachigkeit dynamisch setzen — der Wert muss zur tatsächlich ausgelieferten Sprachversion passen.
- Fremdsprachige Inline-Passagen einzeln auszeichnen, wo es die Aussprache spürbar verbessert (Zitate, Fachbegriffe, Produktnamen).
- Nach dem Fix seitenweit verifizieren — da der Fehler meist zentral sitzt, sollte ein erneuter Audit ihn auf allen Seiten gleichzeitig beheben zeigen.
Fazit#
Das lang-Attribut ist eine der am schnellsten zu behebenden Barrierefreiheits-Regeln: ein einziger korrekter Wert im Basis-Template löst das Problem meist website-weit. Bei mehrsprachigen Auftritten lohnt sich zusätzlich ein Blick auf fremdsprachige Textpassagen innerhalb einzelner Seiten.
Häufige Fragen
Welchen Wert sollte das lang-Attribut für eine deutsche Website haben?
Für eine deutschsprachige Seite ist lang="de" der Standardwert. Wollen Sie regionale Varianten unterscheiden, sind auch spezifischere Tags wie lang="de-DE" (Deutschland), lang="de-AT" (Österreich) oder lang="de-CH" (Schweiz) gültig.
Wo genau muss das lang-Attribut stehen?
Das wichtigste lang-Attribut steht am <html>-Element und gilt für die ganze Seite: <html lang="de">. Zusätzlich sollten einzelne fremdsprachige Absätze oder Zitate ein eigenes lang-Attribut mit der jeweiligen Sprache tragen.
Was ist der Unterschied zwischen html-lang-valid und valid-lang?
html-lang-valid prüft speziell das lang-Attribut am <html>-Element auf ein gültiges BCP-47-Sprachtag. valid-lang prüft dasselbe für lang-Attribute an beliebigen anderen Elementen im Seiteninhalt, etwa an einem fremdsprachigen Zitatblock.
Wirkt sich eine falsche Sprachangabe auch auf SEO aus?
Das lang-Attribut selbst ist kein direkter Ranking-Faktor, hilft Suchmaschinen aber, die Sprache der Seite korrekt einzuordnen — relevant vor allem bei internationalen Websites mit mehreren Sprachversionen und in Kombination mit hreflang-Auszeichnungen.
EverAudit Redaktion
Fachredaktion für Web-Qualität, Barrierefreiheit und DSGVO. Wir prüfen jeden Ratgeber gegen die Kriterien unserer Audit-Engine.