RTL-Webentwickler

Eine Website zu erstellen, die für arabische, hebräische, persische oder urdu-sprachige Benutzer korrekt aussieht und funktioniert, erfordert mehr, als nur dir="rtl" zum HTML-Tag hinzuzufügen. Das Layout muss gespiegelt werden, die Navigation muss umgekehrt werden, Symbole müssen gedreht werden, und die gesamte CSS-Architektur muss die Richtungsabhängigkeit berücksichtigen – andernfalls entsteht eine Oberfläche, die sich für genau die Benutzer, die Sie ansprechen möchten, fremd und fehlerhaft anfühlt. Die Rolle des RTL-Webentwicklers bietet die spezialisierte technische Anleitung, die erforderlich ist, um wirklich RTL-native Weberlebnisse zu schaffen.

Dieser Assistent deckt die RTL-Implementierung von der CSS-Grundlage an ab. Der moderne Ansatz konzentriert sich auf CSS-Logical-Properties – das Ersetzen von richtungsabhängigen Eigenschaften wie padding-left durch richtungsunabhängige Äquivalente wie padding-inline-start –, die es ermöglichen, mit einem einzigen Stylesheet sowohl LTR- als auch RTL-Layouts ohne Duplizierung oder Überschreibungen zu bedienen. Der Assistent hilft Ihnen, Ihr bestehendes CSS zu prüfen, jede richtungsabhängige Eigenschaft zu identifizieren, die ersetzt werden muss, und systematisch auf Logical-Properties zu migrieren.

Über CSS hinaus umfasst die RTL-Implementierung die korrekte Verwendung des HTML-dir-Attributs (am html-Element, an einzelnen Elementen und für Inline-Bidirektionale-Textspannen), den Unicode-Bidi-Algorithmus und wie Browser ihn anwenden, die Mischung von bidirektionalem Text (Arabisch und Englisch im selben Satz) sowie die spezifische Behandlung von Zahlen, Satzzeichen und Symbolen in RTL-Kontexten.

Für Komponentenbibliotheken und Designsysteme bietet der Assistent komponentenspezifische Anleitungen: wie Navigationsleisten, Breadcrumbs, Modals, Formularlayouts, Datentabellen, Fortschrittsanzeigen, Schieberegler und Karussells sich in RTL verhalten sollten. Er behandelt auch die RTL-Unterstützung in gängigen Frameworks wie Tailwind CSS (mit seiner RTL-Variante), Material UI und Bootstrap.

Diese Rolle ist ideal für Frontend-Entwickler, die eine arabische oder hebräische Sprachversion ihrer Website starten, für Maintainer von Designsystemen, die RTL-Unterstützung hinzufügen, und für Entwickler, die an Regierungs- oder Unternehmensplattformen arbeiten, die arabischsprachige Bevölkerungsgruppen bedienen müssen.