Layout für Websites in Right-to-Left-Schriften

Links ist so ähnlich wie rechts, nur auf der anderen Seite.

Christoph Schäfer · April 2015 in Expertise

Der heiße Scheiß von damals

Dieser Artikel gehört zu unserem Frühwerk, das bedeutet: Damals waren die beschriebenen Sachverhalte aktuell, jetzt haben sie wahrscheinlich schon etwas Staub angesetzt.

Eine Website vom Englischen ins Arabische zu übertragen, sieht auf den ersten Blick relativ unkompliziert aus: die Texte vom Übersetzungsbüro mit Copy-and-paste austauschen, Textrichtung im html-Tag über das dir-Attribut oder die CSS-Eigenschaft direction anpassen – Auftrag erledigt? Nicht ganz: Denn auch das Layout und die Bedienelemente passen sich auf einer professionellen mehrsprachigen Website konsequent ihrer Zielgruppe an.

Die Laufrichtung einer Sprache wirkt sich noch weit über das Lesen und Schreiben hinaus auf die allgemeinen Sehgewohnheiten ihrer Sprecher aus. Die Blickführung verläuft bei Right-to-Left-Schriften (RtL) generell von rechts nach links, und deshalb muss neben der Textrichtung auch das gesamte Layout für RtL-sprachige Websites gespiegelt werden.

Als logische Folge davon ist auch die Richtung des Zeitstrahls umgekehrt: Für wen die Schrift von rechts nach links läuft, beginnt auch ein Zeitstrahl rechts und endet links. Also starten Slideshows am rechten Rand und blättern nach links, der Vorwärts-Button zeigt also gegen unsere Gewohnheit nach links.

Keine Regel ohne Ausnahmen: Uhren laufen auch in der RtL-sprachigen Welt in dieselbe Richtung. Sämtliche Icons, die auf analogen Zeitdarstellungen basieren, dürfen also nicht einfach gespiegelt werden. Das betrifft zum Beispiel undo-, redo-, refresh- und history-Buttons. Steuer-Buttons von Videos bleiben im Gegensatz zu Slideshows unverändert, weil sie die Abspielrichtung einer Videokassette symbolisieren, die unabhängig von der Schreibrichtung ist.

Layout und Icons sind aber nur zwei der Besonderheiten, die berücksichtigt werden müssen, wenn eine Website von einer Left-to-Right- auf eine Right-to-Left-Schrift umgestellt wird. Nach unserer praktischen Erfahrung mit diesem Thema stellen auch das Handling des übersetzten Texts, die Mischung aus beiden Schriftrichtungen im Editor sowie Modifikationen auf HTML-, CSS- und JavaScript-Seite ganz eigene Herausforderungen dar.


Quellen:

Auch wir können auf Kekse nicht verzichten! Unsere Website nutzt Cookies. Die schmecken zwar nicht nach Schokolade, sorgen aber für ein gutes Nutzererlebnis. Weitere Informationen finden Sie auf unserer Datenschutz-Seite.

Wählen Sie Ihre Lieblings-Cookies

Unbedingt erforderliche Cookies

Immer aktiv

Diese Cookies sind zwingend erforderlich, damit unsere Website wie gewünscht funktioniert. Wir speichern zum Beispiel Ihre Cookie-Präferenzen in einem Cookie ;-) Genauso speichern, wenn Sie ein Overlay geschlossen haben. Wichtig zu wissen: Wir speichern keine personenbezogenen Daten in diesen Cookies, sondern nur Werte nach dem Muster 0 oder 1.

Leistungs-Cookies

Darf’s etwas mehr sein? Diese Cookies verwenden wir, um die Leistung unserer Website zu verbessern. Wir setzen Cookies, um zu verstehen wie sich Nutzer über unsere Website bewegen und welche Seiten sie aufrufen. Wir verwenden hierzu Google Analytics und Hotjar.

Cookies für Marketing-Zwecke

Marketing-Cookies nutzen wir, um mit anderen Plattformen zu kommunizieren. Wenn wir Werbung in Sozialen Netzwerken, z. B. bei Facebook, schalten, helfen sie uns, die richtigen Nutzer zu finden.