Aller au contenu
Digital Transformation
Toutes les analyses

Développement web

Prendre en charge l'arabe, ce n'est pas inverser le CSS

7 min de lecture

La plupart des sites bilingues de la région traitent l'arabe comme de l'anglais écrit à l'envers. Voici la liste précise de ce qui casse, et à quoi ressemble une prise en charge correcte.


Définir dir="rtl" prend un après-midi. Tout ce qui vient ensuite constitue le vrai travail, et c'est la partie qu'on coupe quand la date de lancement glisse.

Des numéros qu'on ne peut plus composer

Placez un numéro de téléphone international dans un paragraphe en arabe et l'algorithme bidirectionnel réordonnera la séquence qui commence par le signe plus. Le résultat ressemble à un numéro de téléphone sans en être un. La même famille de bugs corrompt silencieusement les numéros de version, les IBAN, les plages de dates et tout ce qui est entre parenthèses.

L'interlettrage (letter-spacing) détruit l'arabe

L'écriture arabe est cursive : les lettres se lient. Un design system qui applique de l'interlettrage aux titres — tout à fait normal pour un titre en caractères latins — écarte ces liaisons et produit un texte qui n'est pas seulement laid, mais nettement plus difficile à lire. En arabe, l'interlettrage doit valoir zéro au niveau du token, et non parce qu'on a pensé à le surcharger.

Quels chiffres, au juste ?

Les chiffres arabes orientaux sont la norme en Égypte et sont perçus comme formels ou traditionnels dans une grande partie du Golfe et du Levant. Pour le site d'un prestataire technologique qui s'adresse à des lecteurs professionnels, les chiffres occidentaux sont le choix par défaut le plus sûr : ils correspondent à la façon dont le contenu technique s'écrit dans toute la région, et les nombres restent faciles à copier-coller.

Le pluriel ne se résume pas à un ou plusieurs

L'anglais a deux formes de pluriel. L'arabe choisit entre six — zéro, un, deux, quelques, beaucoup et autre — et le duel est un mot à part entière, pas un nombre suivi d'un nom. Toute interface qui affiche « 2 مشروع » a été construite selon un modèle mental anglais. Utilisez les règles de pluriel ICU et laissez la locale décider.

Le mouvement aussi a un sens

Une flèche qui glisse vers la droite au survol, un carrousel qui avance vers la gauche, une barre de progression qui se remplit depuis la gauche — chacun de ces éléments porte un sens directionnel qui s'inverse en arabe. Les mettre en miroir est simple ; les repérer tous ne l'est pas, et c'est pourquoi le mouvement qui tient compte du sens de lecture relève de la bibliothèque de composants, et non de chaque page.

Dites-nous ce que vous cherchez à construire.

Une courte conversation suffit généralement à savoir si nous sommes la bonne équipe — et si ce n'est pas le cas, nous vous le dirons.