R022: text-align: left explicitly set on majority-Arabic text
Containers, alignment, inputs and icons that run the wrong way, and mixed Arabic and Latin text the bidi algorithm will reorder.
The check
- Id
- R022
- Category
- Direction and bidi
- Default severity
- high
What it looks for
text-align: left explicitly set on majority-Arabic text
How to fix it
Use logical alignment: text-align: start (or remove the declaration, start is the default). Physical left pins Arabic text to the wrong edge.
More direction and bidi checks
- R020Forced-LTR container, or a bidi override, over Arabic content
- R021Unisolated bidi hazards: phones, emails, Latin tokens inside Arabic text
- R023Text inputs rendered LTR where Arabic input is expected
- R024Punctuation rendering at the wrong visual end of Arabic text
- R025Directional icon pointing against the sequence its control advances
Does your page trip R022?
Paste a URL. Ritla renders the page on desktop and mobile, runs every check, and shows the top issues with screenshot evidence.