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

A: Das < html>-Element muss einen gültigen Attributwert für das lang-Attribut besitzen (WCAG 3.1.1)

html-lang-valid

Stellt sicher, dass das lang Attribut des <html>-Elements einen validen BCP-47 Sprachcode enthält.

Das bedeutet

Das Wurzelelement <html> braucht ein lang Attribut mit einem gültigen Sprachcode wie de, de-DE, en-GB. Leere Werte, Fantasiewerte oder falsche Schreibweise (zum Beispiel Unterstrich statt Bindestrich) sind unzulässig.

Auswirkung

Mit ungültiger oder fehlender Spracheinstellung werden Inhalte falsch ausgesprochen, Rechtschreibung und Silbentrennung passen nicht und Nutzerinnen und Nutzer verlieren Orientierung. Zudem steigt das Risiko eines WCAG Verstoßes.

Empfehlung

  • Auf <html> die Hauptsprache der Seite setzen, zum Beispiel lang="de" oder lang="de-DE".

  • BCP-47 Regeln beachten: Sprachteil klein, Regionsteil groß, Bindestrich als Trenner (de-DE, nicht de_DE).

  • Keine Listen oder Platzhalter verwenden (lang="de,en" oder lang="xx" ist ungültig).

  • Bei mehrsprachigen Abschnitten zusätzlich am jeweiligen Element lang setzen.

  • Bei dynamischem Sprachwechsel das Attribut aktuell halten.

Beispiel

Problematisch

 <!doctype html>
<html lang="">
  <head><title>Kontakt</title></head>
  <body>Willkommen</body>
</html>
 
<html lang="de_DE"></html>   <!-- Unterstrich statt Bindestrich -->
<html lang="german"></html>  <!-- Sprachname statt Code -->
<html lang="xx"></html>      <!-- ungültiger Code -->

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 everyones experience.</blockquote>
  </body>
</html>
 
<!-- Variante mit Region -->
<html lang="de-DE"></html>

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