Ein wichtiges Element für Barrierefreiheit ist das sogenannte lang-Attribut. Lass uns einen genaueren Blick darauf werfen, warum es so bedeutsam ist und wie du es richtig einsetzt.
Was ist das lang-Attribut?
Das lang-Attribut ist ein HTML-Attribut, mit dem du die Sprache eines Elements oder einer ganzen Website definierst. Es sieht beispielsweise so aus:
<html lang="de">
Warum ist das lang-Attribut wichtig?
Aber warum ist dieses Attribut nun so wichtig für die Barrierefreiheit und Bedeinbarkeit einer Website? Schauen wir uns die Gründe an:
- Screenreader-Unterstützung: Screenreader verwenden das lang-Attribut, um die richtige Aussprache und Betonung zu wählen. Ohne es könnte ein englischer Screenreader versuchen, deutschen Text mit englischer Aussprache vorzulesen – das Ergebnis wäre unverständlich.
- Übersetzungstools: Automatische Übersetzungstools nutzen das lang-Attribut, um die Ausgangssprache zu erkennen und korrekt zu übersetzen.
- Suchmaschinenoptimierung: Suchmaschinen berücksichtigen die Sprache bei der Indexierung und Rangfolge von Webseiten.
- Browseranpassungen: Browser können sprachspezifische Funktionen wie Rechtschreibprüfung oder Silbentrennung aktivieren.
Wie verwendest du es richtig?
Hier kommen Empfehlungen, wie du das lang-Attribut richtig einsetzen kannst:
- Setze das lang-Attribut immer im <html>-Tag für die Hauptsprache deiner Seite.
- Verwende es für einzelne Elemente, wenn sie in einer anderen Sprache als der Hauptsprache sind.
- Nutze die korrekten Sprachcodes (z.B. “de” für Deutsch, “en” für Englisch, “fr” für Französisch).
Und hier kommt ein Code-Beispiel:
<html lang="de">
<head>
<title>Meine mehrsprachige Seite</title>
</head>
<body>
<h1>Willkommen auf meiner Webseite</h1>
<p>Hier ist ein Zitat auf Englisch:</p>
<blockquote lang="en"> To be or not to be, that is the question. </blockquote>
</body>
</html>
Das lang-Attribut mag klein und unscheinbar sein, aber es spielt eine wichtige Rolle für die Barrierefreiheit und Bedienbarkeit deiner Website. Indem du es konsequent und korrekt einsetzt, machst du deine Inhalte für ein breiteres Publikum zugänglich und verbesserst gleichzeitig die technische Qualität deiner Seite.