Traduire son site en arabe : ce que le sens de lecture change

L’arabe, l’hébreu et le persan se lisent de droite à gauche. Ce que cela implique pour ta mise en page.

Traduire un site en arabe ne se limite pas aux mots. L’arabe se lit de droite à gauche, et la page entière doit suivre : alignement du texte, ordre des colonnes, position des icônes.

Ce que fait le navigateur

Quand une page déclare dir="rtl", le navigateur inverse automatiquement l’alignement du texte et l’ordre des éléments en ligne. Lingo ajoute cet attribut, ainsi que lang="ar", dès qu’un visiteur choisit l’arabe, l’hébreu ou le persan, et le retire quand il revient à ta langue d’origine.

Ce qui dépend de ton CSS

Les mises en page construites avec flexbox et grid s’inversent bien. Les marges écrites en dur (margin-left) ne s’inversent pas : préfère les propriétés logiques comme margin-inline-start, que Webflow et la plupart des outils savent produire.

Les cas à vérifier

  • Les icônes directionnelles : une flèche « suivant » doit pointer vers la gauche en arabe.
  • Les nombres et les prix restent écrits de gauche à droite, même dans une phrase arabe : le navigateur s’en charge.
  • Les polices : vérifie que ta police contient les caractères arabes, sinon le navigateur en choisira une autre.

Un marché à part entière

L’arabe est parlé par plusieurs centaines de millions de personnes. Pour un site marocain, tunisien ou tourné vers le Golfe, l’arabe n’est pas une langue de plus : c’est souvent la langue de la décision d’achat.

Ton site, dans la langue de chaque visiteur.

Entre l’adresse de ton site, choisis tes langues et colle une ligne de code.