Leserinnen und Leser von Arabisch oder Urdu merken sofort, wenn eine Website von links nach rechts entworfen und nur übersetzt wurde. Falsch gerichtete Pfeile, am falschen Rand klebender Text und durcheinandergeratene Satzzeichen lassen die Seite fremd und unglaubwürdig wirken.
Wenn du für Kunden oder Märkte arbeitest, die diese Sprachen nutzen, listet dieser Ratgeber die häufigsten Fehler und wie du sie vermeidest, auch für mehrsprachige Seiten, auf denen nur manche Seiten RTL sind.
Echte RTL-Unterstützung ist mehr als Text rechtsbündig zu setzen: Das ganze Layout, Abstände, Richtungssymbole und gemischter Text müssen von rechts nach links fließen, während Logos, Zahlen und Telefonnummern bleiben, wie sie sind.
Das Layout spiegeln, aber nicht alles
Setze die Seitenrichtung auf RTL, nicht nur die Textausrichtung. Navigation, Seitenleisten, Formularbeschriftungen, Fortschrittsschritte und Tabellenspalten sollten sich alle umkehren. Der typische Fehler ist ein rechtsbündiger Absatz in einer sonst weiter von links nach rechts laufenden Seite.
Spiegle nicht alles: Logos, Fotos, Diagramme mit der Zeit auf der waagerechten Achse, Wiedergabeschaltflächen und Telefonnummern behalten meist ihre ursprüngliche Richtung.
Symbole, Zahlen und gemischter Text
Diese Details verursachen die meisten sichtbaren Fehler:
- Pfeile, Zurück-Schaltflächen und Winkelsymbole müssen in die andere Richtung zeigen.
- Außen- und Innenabstände sollten logische Anfangs- und Endwerte nutzen, nicht feste Werte für links und rechts.
- Markennamen, deutsche oder englische Wörter und Zahlen in arabischen oder Urdu-Sätzen müssen Reihenfolge und Satzzeichen korrekt behalten.
- Telefonnummern, E-Mail-Adressen und Links sollten von links nach rechts bleiben.
- Wähle westliche oder arabisch-indische Ziffern bewusst und nutze sie durchgehend einheitlich.
Schrift und Typografie
Nutze eine Schrift, die für das jeweilige Schriftsystem entworfen wurde. Füge arabischem oder Urdu-Text nie Buchstabenabstand hinzu, weil das die verbundenen Buchstabenformen zerstört, und meide Kursivschrift. Gib dem Text mehr Zeilenhöhe als lateinischem Text. Entscheide bei Urdu zwischen Naskh- und Nastaliq-Stil: Nastaliq ist traditionell, braucht aber mehr vertikalen Platz und größere Schriftgrade, um auf dem Handy lesbar zu bleiben.
Auf einer mehrsprachigen Website
Wechsle die Richtung pro Sprache, nicht pro Website: Die deutsche Seite bleibt von links nach rechts, die arabische oder Urdu-Seite kehrt sich um. Halte den Sprachwechsler immer an derselben Stelle, beschrifte jede Sprache in ihrer eigenen Schrift und denke daran, dass die Richtung auch für Formulare, E-Mails und Fehlermeldungen gilt.
Ein Prompt zum Einstieg: „Mach die arabische und die Urdu-Version vollständig rechts-nach-links, nutze logische Abstände, drehe Pfeile und Zurück-Schaltflächen um, lass Telefonnummern und Logo von links nach rechts und nutze eine passende arabische Schrift ohne Buchstabenabstand.“