https://phabricator.wikimedia.org/T300053

The bidirectional design is the visual translation of languages written from left to right (LTR) to languages written from right to left (RTL), or vice-versa.

➡ Left to right (LTR) languages are those with Latin script (English, Spanish, French, German, etc.), Cyrillic (as Russian and Bulgarian), Chinese and Japanese (they maintain their top-to-bottom and right-to-left in printing and writing, but they use the left-to-right system in digital experiences).

⬅ Right to left (RTL) languages are those read from right to left as Arabic (عربى) or Hebrew (עִברִית).

RTL_01.png


Mirroring behavior

When a layout changes from LTR to RTL (or vice-versa) it’s called mirroring because it works as a mirror of the layout of the other language.

According to the reading direction, we have scripts in 2 different languages:

✅ Mirrored items:

❌ Not mirrored items: