Quand votre site ajoute un texte pour compléter une indication visuelle, ce texte est-il vraiment suffisant sans la mise en forme ?
Critère officiel 10.10 — Dans chaque page web, l’information ne doit pas être donnée par la forme, taille ou position uniquement. Cette règle est-elle implémentée de façon pertinente ?
Pourquoi c'est important
Ajouter une note « (voir ci-contre) » ou « (en rouge ci-dessus) » ne résout pas le problème : ces formulations présupposent toujours une perception visuelle. Un texte ajouté pour compenser une indication visuelle doit transmettre l'information de façon complètement autonome.
Exemples concrets
Ce qui est conforme
À côté de chaque document obligatoire, le texte « (pièce obligatoire — à fournir impérativement) » a été ajouté. Une personne aveugle comprend sans ambiguïté que cette pièce est requise, sans avoir besoin de percevoir la couleur rouge.
Ce qui pose problème
À côté du même document, le texte ajouté est « (signalé en rouge) ». L'indication présuppose toujours une perception visuelle — le problème est simplement déplacé, pas résolu.
Comment agir
Test autonome : masquez mentalement toute mise en forme (couleur, gras, position). Le texte seul suffit-il à comprendre l'information ? Si vous devez faire référence à un élément visuel pour expliquer le texte, reformulez jusqu'à ce qu'il soit autonome. Exemple : remplacez « (indiqué ci-dessus en rouge) » par « (document obligatoire) ».
Règles clés
- Mêmes règles que le critère 10.9.
- En audit, évaluer 10.9 et 10.10 ensemble — les non-conformités s'appliquent généralement aux deux.
Erreurs fréquentes
- Instructions : 'Consultez le menu à gauche', 'voir la sidebar à droite'
- Références à 'en-dessous' ou 'ci-dessus' sans lien programmatique
Exemples de code
instruction par position
✗ Non conforme<p>Consultez le menu à gauche pour
naviguer entre les sections.</p>'Menu à gauche' est positionnel — inutile pour un aveugle ou sur mobile où la disposition change.
instruction par fonction
✓ Conforme<p>Utilisez le menu de navigation
principal pour accéder aux sections.</p>Référence à la fonction ('navigation principale') — accessible et valable quelle que soit la disposition.
Référence WCAG : 1.3.3, 1.4.1