Prüfpunkt 3.1.2Stufe AASprache und Verständlichkeit
Sprachauswahl auf der Website: Flaggen oder Text?
Schreiben Sie jede Sprache als Text in ihrer eigenen Sprache aus: Deutsch, English, Français. Flaggen stehen für Länder und passen schlecht zu Sprachen, denn Deutsch wird in mehreren Ländern gesprochen, und manche Länder haben mehrere Amtssprachen. Setzen Sie die Links auf jede Seite, nahe am oberen Rand, und lassen Sie den Besucher selbst wählen.
Flaggen zeigen Länder, Ihre Besucher suchen eine Sprache
Das W3C, das Gremium hinter den Webstandards, rät in seinen Leitfäden ausdrücklich davon ab, Sprachen mit Flaggen zu kennzeichnen. Die Begründung: Viele Länder teilen eine Sprache, und viele Länder haben mehrere Amtssprachen. Welche Flagge steht für Englisch, die britische oder die amerikanische? Eine Besucherin aus Wien sucht bei Deutsch womöglich vergeblich nach ihrer. Dazu kommt, dass eine Flagge nationale Gefühle wecken kann, die Menschen aus anderen Ländern mit derselben Sprache nicht teilen. Die Ausnahme: Unterscheiden sich Ihre Seiten nach Region, etwa ein Shop für Österreich und einer für Deutschland mit eigenen Preisen und Versandkosten, kann die Flagge passen.
Jede Sprache steht in ihrer eigenen Sprache
Wer kein Deutsch liest, findet auf einer deutschen Seite das Wort „Englisch“ nicht. Deshalb steht dort „English“, „Français“ oder „Italiano“. Das W3C zeigt das in seinem Beispiel zur Kennzeichnung fremdsprachiger Teile: Der Text jedes Links ist der Name der Sprache in dieser Sprache, und jeder Link hat seinen eigenen Sprachvermerk (das Attribut lang). Ohne diesen Vermerk liest ein auf Deutsch eingestelltes Vorleseprogramm „Français“ nach deutschen Regeln. Wer möchte, ergänzt dahinter die Bezeichnung in der aktuellen Seitensprache, etwa „čeština (Tschechisch)“.
Die Links gehören auf jede Seite und nach oben
Das W3C empfiehlt, Links zu den anderen Sprachfassungen auf jeder Seite zu setzen. Am besten stehen sie am oberen Rand; bei Schrift von links nach rechts fällt laut W3C oben rechts am meisten auf. Am Seitenende sieht der Besucher sie womöglich im ersten Bildschirm nicht, und eine Seite voller unverständlichem Text ist genau der Moment, in dem er sie sucht. Bei wenigen Sprachen sind direkte Links besser als eine Aufklappliste, weil der Besucher sie sofort sieht. Braucht es doch ein Aufklappmenü, beschriften Sie es mit einem Symbol wie einem Globus: Das Wort „Sprache“ liest nur, wer die aktuelle Sprache schon versteht.
Automatische Umleitung schickt Kunden in die falsche Sprache
Google rät davon ab, Besucher nach ihrer vermuteten Sprache automatisch auf eine andere Sprachfassung umzuleiten: Menschen und Suchmaschinen sehen dann womöglich nicht alle Fassungen. Das W3C warnt davor, aus der IP-Adresse auf die Sprache zu schließen, weil der Standort wenig darüber sagt, was jemand lesen möchte. Eine Wienerin im Italien-Urlaub bekäme Ihren Shop auf Italienisch, eine englischsprachige Kundin in Graz die deutsche Fassung. Beide müssen erst den Rückweg suchen. Wer ihn nicht findet, bestellt anderswo. Hat jemand gewählt, merken Sie sich die Wahl für die nächsten Seiten; auch das empfiehlt das W3C.
Je Seite eine Sprache hilft Google bei der Zuordnung
Google bestimmt die Sprache aus dem sichtbaren Inhalt und rät deshalb, Inhalt und Navigation einer Seite in einer Sprache zu halten und Übersetzungen nicht nebeneinanderzustellen. Getrennte Seiten je Sprache, verbunden über die Sprachauswahl, erfüllen das. Mit einem Link auf dieselbe Seite in der anderen Sprache wechselt der Besucher mit einem Klick.
Beispiele
Sprachauswahl mit Flaggen und mit Text
<a href="/en/"><img src="flagge-uk.png" alt="UK"></a>
<a href="/fr/"><img src="flagge-fr.png" alt="FR"></a><ul>
<li><a href="/en/" lang="en">English</a></li>
<li><a href="/fr/" lang="fr">Français</a></li>
</ul>Der Linktext nennt die Sprache in dieser Sprache, lang sagt dem Vorleseprogramm, wie es das Wort aussprechen soll.
Mehr zu diesem Thema
Weiter im Prüfbereich Barrierefreiheit
- Wie stelle ich meine Website auf barrierefrei um?Was WordPress, TYPO3, Drupal, Joomla, Shopify und Wix zur Barrierefreiheit zusagen und was Vorlage, Erweiterungen und Redaktion selbst leisten.
- Wie viele meiner Besucher erreicht meine Website nicht?Fast ein Viertel der Erwachsenen in der EU ist im Alltag eingeschränkt. Die Zahlen für Österreich, Deutschland und die EU und was sie für Ihre Website heißen.
- Warum muss eine Website beim Ansteuern per Tastatur ruhig bleiben?Das bloße Ansteuern eines Elements darf noch nichts auslösen. Was WCAG-Kriterium 3.2.1 verlangt und wie wir es mit einer echten Tab-Wanderung messen.
- Was ist ein unerwarteter Kontextwechsel bei der Eingabe?Ein Kontextwechsel bei Eingabe: Die Seite wechselt schon beim Tippen oder Auswählen, ohne Absenden. So prüfen wir WCAG-Kriterium 3.2.2 mit einer Eingabe-Probe.
Dieser Prüfpunkt gehört zum Prüfbereich Barrierefreiheit; dort stehen alle Prüfpunkte im Überblick. Was die Prüfung insgesamt leistet, zeigt die Leistungsseite; wie ein Ergebnis zustande kommt, erklärt das Prüfverfahren. Alle Prüfbereiche im Überblick: Wissensbasis.
