Si votre site contient des textes en arabe, en hébreu ou dans une autre langue qui se lit de droite à gauche, le sens de lecture est-il correctement indiqué ?
Critère officiel 8.10 — Dans chaque page web, les changements du sens de lecture sont-ils signalés ?
Pourquoi c'est important
Un texte arabe ou hébreu lu sans indication du sens de droite à gauche est restitué dans le mauvais ordre par le logiciel de lecture. Les mots sont annoncés de gauche à droite alors que la structure de la phrase est l'inverse — rendant le message totalement incompréhensible.
Exemples concrets
Ce qui est conforme
Une commune avec une communauté arabophone publie un communiqué en arabe. Le passage est correctement balisé avec l'indication de sens de lecture de droite à gauche. Le logiciel de lecture adapte son ordre de restitution : le texte est compris.
Ce qui pose problème
Le même communiqué en arabe est publié sans indication de sens de lecture. Le logiciel commence par la fin de la phrase arabe et lit de gauche à droite — le message est totalement incompréhensible pour un utilisateur arabophone malvoyant.
Comment agir
Si votre commune publie du contenu en arabe, en hébreu ou dans toute autre langue de droite à gauche, signalez chaque passage à votre prestataire. Une extension WordPress ou une configuration spécifique par le développeur est nécessaire. Ce critère est non applicable si votre site ne contient aucun contenu dans ces langues.
Règles clés
- dir='rtl' sur l'élément englobant un passage RTL dans une page LTR.
- Combiner avec lang : <span lang='ar' dir='rtl'>.
- Sur <html> pour une page entièrement RTL : <html lang='ar' dir='rtl'>.
Erreurs fréquentes
- Texte arabe ou hébreu sans dir='rtl' dans une page LTR
- Site multilingue FR/AR sans gestion des sens de lecture
Exemples de code
texte arabe sans dir
✗ Non conforme<p>Notre partenaire :
شركة المثال للتكنولوجيا</p>Sans dir, l'algorithme bidi automatique peut mal ordonner les caractères arabes.
texte arabe avec dir et lang
✓ Conforme<p>Notre partenaire :
<span lang="ar" dir="rtl">
شركة المثال للتكنولوجيا</span></p>dir='rtl' indique le sens de lecture. lang='ar' active le bon moteur de prononciation.
Référence WCAG : 1.3.2