Temps de lecture estimé : 3 min · Publié le 5 octobre 2026
Déclarer langue et direction séparément
L’attribut lang renseigne la langue ; dir renseigne la direction du texte. Pour une page arabe, vérifiez les deux au niveau du document. Ne retournez pas les caractères dans les données : le navigateur gère l’affichage bidirectionnel à partir du texte et de son balisage.
Listez les composants affectés : menu, fil d’Ariane, boutons, cartes, tableaux, champs et messages d’erreur. Des propriétés CSS logiques, comme margin-inline et padding-inline, facilitent l’adaptation. Un alignement à droite ajouté globalement ne résout pas la lecture ni le mélange d’écritures.
Isoler les noms, URLs et nombres
Un nom latin dans une phrase arabe peut déplacer visuellement parenthèses ou ponctuation si son contexte directionnel est ambigu. Lorsque la direction est connue, balisez le fragment avec dir adapté ; pour un contenu dynamique de direction inconnue, examinez bdi ou dir=auto selon le composant. Vérifiez le résultat dans plusieurs navigateurs.
Préparez des données de démonstration associant un nom arabe, une entreprise française, une URL, un email et un numéro international. Copiez ces valeurs depuis l’interface et comparez-les avec leur texte d’origine. Les éléments directionnels ne doivent ni inverser un téléphone ni modifier l’adresse réellement utilisée par le lien.
Tester les actions et l’ordre de lecture
Parcourez le formulaire au clavier, provoquez une erreur puis corrigez-la. Vérifiez les étiquettes, l’annonce des erreurs et le maintien de la saisie. Une adresse email peut nécessiter une direction gauche à droite au sein d’un formulaire RTL ; validez ce choix avec une personne qui utilise la langue.
Le miroir visuel ne doit pas modifier l’ordre logique du document. Vérifiez que tableau, liste et navigation restent compréhensibles avec un lecteur d’écran. Les logos, photos et symboles non directionnels ne se retournent pas automatiquement. Pour une flèche précédent ou suivant, contrôlez son sens dans le parcours localisé.
Faire relire le parcours complet
Faites tester par une personne arabophone les pages principales, la recherche, les filtres, les états sans résultat et les confirmations. Contrôlez la police, les signes diacritiques, les retours à la ligne, le zoom et les chaînes longues. Une capture de l’accueil ne valide pas les autres composants.
Conservez une grille composant–donnée–action–résultat et rattachez chaque défaut à sa correction. Rejouez-la lorsqu’un nom de ressource, un formulaire ou un composant partagé change. La traduction éditoriale, l’affichage bidirectionnel et l’accessibilité doivent être relus comme trois aspects complémentaires.
Documents de référence
Contenu mis à jour le 5 octobre 2026
Consigner les contrôles et constats dans le carnet de recette