Sprache der Seite

Was geprüft

Gelesen wird das Attribut lang am <html>-Element. Unauffällig ist der Punkt, wenn ein Sprachcode in gültiger Form angegeben ist (z. B. „de“, „de-AT“, „en“). Der Check liest nur das ausgelieferte HTML, nicht die gerenderte Seite, und deckt damit nur einen automatisch messbaren Teil ab.

Wie relevant

Mittel, wenn die Angabe fehlt oder kein gültiger Sprachcode ist. Die Sprache steuert Aussprache und Silbentrennung für alle Inhalte der Seite.

Warum

Screenreader wählen Aussprache und Stimme nach der Sprachangabe. Fehlt sie, lesen sie deutschen Text womöglich mit englischer Aussprache vor. Auch Übersetzungsfunktionen und Silbentrennung im Browser nutzen die Angabe. Ob daraus eine rechtliche Pflicht folgt, klären Sie mit Ihrer Rechtsberatung; öffentliche Leitfäden bietet die Bundesfachstelle Barrierefreiheit (Deutschland).

Wie beheben

Setzen Sie am <html>-Element die Hauptsprache der Seite. Abschnitte in einer anderen Sprache erhalten ein eigenes lang-Attribut am umgebenden Element.

Nebenwirkung: Keine nennenswerten Nebenwirkungen. Achten Sie bei mehrsprachigen Seiten darauf, dass jede Sprachversion ihren eigenen Code trägt. Eine falsche Sprachangabe schadet mehr als eine fehlende.

WordPress: WordPress setzt lang über language_attributes() im Theme aus der Einstellung „Sprache der Website“. Fehlt die Angabe, ruft das Theme diese Funktion im <html>-Element nicht auf.

Codebeispiel

HTML

<!doctype html>
<html lang="de">
  ...
  <p>Unser Motto: <span lang="en">Keep it simple</span>.</p>
</html>

PHP (WordPress-Theme, header.php)

<!doctype html>
<html <?php language_attributes(); ?>>

Weiterführende Quellen

• https://www.w3.org/WAI/WCAG22/Understanding/language-of-page.html
• https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/lang
• https://www.w3.org/International/questions/qa-html-language-declarations