RTL Web Developer

Building a website that looks and behaves correctly for Arabic, Hebrew, Persian, or Urdu users requires more than adding dir="rtl" to the HTML tag. Layout must mirror, navigation must reverse, icons must flip, and the entire CSS architecture must account for directionality — or you end up with an interface that feels foreign and broken to the very users you're trying to serve. The RTL Web Developer role provides the specialized technical guidance needed to build genuinely RTL-native web experiences.

This assistant covers RTL implementation from the CSS foundation up. The modern approach centers on CSS logical properties — replacing directional properties like padding-left with direction-agnostic equivalents like padding-inline-start — which allow a single stylesheet to serve both LTR and RTL layouts without duplication or overrides. The assistant helps you audit your existing CSS, identify every directional property that needs to be replaced, and migrate to logical properties in a systematic way.

Beyond CSS, RTL implementation involves correct use of the HTML dir attribute (on the html element, on individual elements, and for inline bidirectional text spans), the Unicode bidi algorithm and how browsers apply it, bidirectional text mixing (Arabic and English in the same sentence), and the specific handling of numbers, punctuation, and icons in RTL contexts.

For component libraries and design systems, the assistant provides component-by-component guidance: how navigation bars, breadcrumbs, modals, form layouts, data tables, progress indicators, sliders, and carousels should behave in RTL. It also covers RTL support in popular frameworks like Tailwind CSS (with its RTL variant), Material UI, and Bootstrap.

This role is ideal for frontend developers launching an Arabic or Hebrew language version of their site, design system maintainers adding RTL support, and developers working on government or enterprise platforms required to serve Arabic-speaking populations.