Schreibrichtung von rechts nach links RTL

Was bedeutet die Schreibrichtung von rechts nach links?

Arabisch wird von rechts nach links geschrieben. Das ist für viele Menschen ganz vertraut, doch die meisten Websites und Apps wurden ursprünglich für Englisch entwickelt, das von links nach rechts läuft. Deshalb braucht eine Seite besondere Einstellungen, um Arabisch korrekt darzustellen.

Diese Einstellung heißt RTL, kurz für das englische Right to Left, also von rechts nach links. Das Gegenteil ist LTR für Left to Right, wie es im Deutschen, Englischen und den meisten europäischen Sprachen üblich ist. Auch andere Sprachen wie Persisch, Urdu und Hebräisch laufen von rechts nach links.

RTL bedeutet viel mehr als nur Wörter zu übersetzen. Die gesamte Seite spiegelt sich: Menüs, Buttons, Pfeile sowie die Anordnung von Bildern und Texten tauschen die Seiten. Dadurch fühlt sich der arabische Leser sofort abgeholt und findet eine Oberfläche vor, die zu seinen Gewohnheiten passt.

Wie funktioniert RTL auf Websites und in Apps?

Jede Internetseite basiert auf HTML, das den Inhalt festlegt. Eine Styling-Datei namens CSS bestimmt die Farben, Abstände und Positionen der Bausteine. Bei der arabischen Anpassung greifen zwei Schritte:

1. Richtung vorgeben: Der Quellcode legt fest, dass die Sprache Arabisch ist und von rechts nach links läuft, indem das Attribut dir den Wert rtl erhält. Dadurch richtet der Browser, wie etwa Chrome oder Safari, den Text rechtsbündig aus.
2. Layout spiegeln: Die Designregeln binden Elemente nicht starr an links oder rechts. Sie arbeiten stattdessen mit logischen Begriffen wie Zeilenanfang und Zeilenende. Im Arabischen ist der Anfang rechts, im Deutschen links. So bedient ein einziges Design beide Sprachrichtungen sauber.

Auf dem Smartphone verhält es sich ganz ähnlich. Die Systeme iOS und Android erkennen Arabisch und spiegeln den Bildschirm automatisch, wenn die App sauber programmiert ist. Wurde jedes Element jedoch starr verankert, dreht sich nichts und die Darstellung wirkt durcheinander.

Gemischter Text

Häufig enthält eine Zeile arabische Wörter, englische Fachbegriffe und Zahlen. Ein typisches Beispiel ist ein Hinweis wie: „Ihre Bestellnummer 4521 für das iPhone ist versandbereit“. Hier müssen die Zahlen und der englische Begriff von links nach rechts laufen, mitten in einem Satz, der sich von rechts nach links liest. Browser und Smartphones besitzen dafür ein automatisches System namens bidirektionaler Text oder Bidi. Manchmal passieren dabei Fehler bei Satzzeichen am Zeilenende, sodass ein Punkt oder Fragezeichen auf der falschen Seite landet. Unser Team prüft solche Fälle genau und passt sie einzeln an.

Warum ist die RTL-Unterstützung für Sie wichtig?

• Lesekomfort: Das Auge arabischer Leser beginnt rechts. Startet der Text auf der falschen Seite, ermüdet das Lesen schnell und Besucher verlassen die Seite.
• Vertrauen: Ein ordentliches Layout zeigt Liebe zum Detail. Eine verschobene Darstellung wirkt unprofessionell, selbst wenn Ihre Leistungen erstklassig sind.
• Verkaufserfolg: In einem Online-Shop zögern Kunden, wenn ein Navigationspfeil verkehrt herum zeigt oder der Kaufen-Button unauffindbar ist. Zögern führt zu weniger Bestellungen.
• Gefunden werden: Eine klare Sprachangabe hilft Google zu verstehen, dass die Seite arabisch ist, und zeigt sie Suchenden passend an.
• Barrierefreiheit: Bildschirmleser für sehbehinderte Menschen benötigen die genaue Ausrichtung, um den Inhalt in der richtigen Reihenfolge vorzulesen.

Denken Sie an eine Arztpraxis mit Online-Terminvergabe. Ein älterer Patient öffnet die Website auf dem Smartphone. Steht der Kalender verkehrt herum und der Bestätigungs-Button an unerwarteter Stelle, gibt er auf und ruft in der Praxis an. Sitzt alles am gewohnten Platz, bucht er seinen Termin in einer Minute.

Welche Elemente werden gespiegelt und welche bleiben gleich?

Nicht jedes Element auf dem Bildschirm wechselt die Richtung. Die folgende Übersicht zeigt die gängigsten Fälle:

Wie gelingt eine saubere RTL-Umsetzung?

Eine goldene Regel lautet: Planen Sie Arabisch vom ersten Tag an ein. RTL nachträglich einzubauen ist wie das Versetzen einer Treppe im fertigen Haus. Es ist machbar, aber aufwendig und hinterlässt oft kleine Anzeigefehler.

Wenn Sie mit einem Entwicklerteam sprechen, stellen Sie diese einfachen Fragen:

• Wird das Layout von Beginn an für Arabisch und westliche Sprachen gemeinsam gebaut?
• Werden arabische Seiten auf echten Smartphones geprüft?
• Ist die gewählte Schriftart auf kleinen Bildschirmen gut lesbar?
• Erscheinen Systemnachrichten und Fehlermeldungen in der richtigen Ausrichtung?
• Unterstützen auch Druckansichten und Dateiexporte das arabische Layout?

Für Websites

Bei unserem Service für Website-Design und Webentwicklung bei Linkysoft erstellen wir jedes Projekt von Grund auf ohne Standardvorlagen. Wir binden Arabisch und RTL ab dem ersten Tag mehrsprachig ein. Das Design entsteht zuerst für das Smartphone und wird auf echten Geräten getestet, damit Sie die arabische Version genau so sehen wie Ihre Kunden. Der gesamte Code, die Inhalte und die Website gehören vollständig Ihnen.

Für Webanwendungen und Managementsysteme

Eine Webanwendung läuft direkt im Browser und steuert Warenbestände, Personal oder Buchungen. Solche Systeme enthalten viele Tabellen, Übersichten und Berichte, die eine perfekte Leserichtung für den Arbeitsalltag verlangen. Unser Bereich für Webanwendungen und Managementsysteme baut passgenaue Lösungen für Ihre Betriebsabläufe mit voller RTL-Unterstützung auf allen Geräten. Sie behalten das uneingeschränkte Eigentum an Quellcode und Daten.

Für mobile Apps

Unser Team für Entwicklung mobiler Apps programmiert maßgeschneiderte Apps für iPhone und Android mit hellem sowie dunklem Modus und Mehrsprachigkeit. Wir testen die App auf vielen echten Telefonen vor dem Start im App Store und bei Google Play und begleiten den laufenden Betrieb verlässlich.

Falls Sie klären möchten, was Ihr Vorhaben genau braucht, können Sie eine kostenlose Beratung beim Team von Linkysoft anfragen, bevor Sie starten.

Typische Fehler, die Sie vermeiden sollten

• Nur übersetzen statt anpassen: Die Wörter sind arabisch, aber Menüs und Buttons hängen weiter auf der westlichen Seite fest.
• Alles unüberlegt spiegeln: Werden Zahlen, Logos oder Play-Buttons gedreht, wirkt die Oberfläche fehlerhaft.
• Gemischten Text vernachlässigen: Sätze mit englischen Begriffen oder Ziffern geraten durcheinander, wenn der Zeilenfluss nicht stimmt.
• Unpassende Schriftarten wählen: Manche Schriftarten trennen arabische Zeichen unsauber oder wirken auf Mobilgeräten winzig.
• Nebensächliche Bereiche vergessen: Automatische E-Mails, Systemhinweise, PDF-Belege und Fehlermeldungen werden oft übersehen.
• Nur am PC testen: Die meisten Besucher nutzen Smartphones, wo Layoutfehler sofort ins Auge springen.