Zu Content springen
Deutsch
Kontakt
  • Es gibt keine Vorschläge, da das Suchfeld leer ist.

A: Das < html>-Element muss ein lang-Attribut besitzen (WCAG 3.1.1)

html-has-lang

Stellt sicher, dass jedes HTML Dokument ein lang Attribut besitzt.

Das bedeutet

Das Wurzelelement <html> braucht ein lang Attribut mit einem gültigen BCP-47 Sprachcode (z. B. de, de-DE, en). Ohne oder mit falschem Wert erkennen Screenreader, Übersetzungen und Rechtschreibung die Seitensprache nicht zuverlässig.

Auswirkung

Ohne korrekte Spracheinstellung werden Inhalte falsch ausgesprochen, Silbentrennung und Autokorrektur passen nicht und Nutzerinnen und Nutzer verlieren Orientierung. Zudem steigt das Risiko von WCAG Verstößen.

Empfehlung

  • Auf <html> die Hauptsprache der Seite setzen (z. B. lang="de").

  • Abschnitte in anderer Sprache zusätzlich am jeweiligen Element markieren (z. B. lang="en" für ein Zitat).

  • Gültige BCP-47 Tags verwenden (Bindestrich, nicht Unterstrich; keine Platzhalter wie xx).

  • Keine widersprüchlichen Angaben (kein leeres lang="", kein abweichendes xml:lang).

  • Bei dynamischem Sprachwechsel das Attribut aktualisieren.

Beispiel

Problematisch

<!doctype html>
<html>
  <head><title>Kontakt</title></head>
  <body>Willkommen</body>
</html>
 
<!-- leer oder ungültig -->
<html lang=""></html>
<html lang="de_DE"></html>
<html lang="german"></html>

Besser

<!doctype html>
<html lang="de">
  <head><meta charset="utf-8"><title>Kontakt</title></head>
  <body>
    <p>Willkommen auf unserer Seite.</p>
    <blockquote lang="en">Accessibility improves everyone’s experience.</blockquote>
  </body>
</html>

Verknüpfte WCAG-Kriterien:
WCAG 3.1.1 - Sprache der Seite