Ne pas tout faire reposer sur la vue
Une couleur seule ne suffit pas à expliquer une erreur. Ajoutez un message clair et reliez-le au champ concerné. Une image informative a besoin d’un texte alternatif ; une image purement décorative ne doit pas encombrer la lecture vocale.
Soigner les repères
Des titres organisés, des liens explicites et un focus visible au clavier aident à se déplacer. Un champ doit avoir un libellé durable : le texte indicatif qui disparaît dès la saisie ne le remplace pas.
Exemple : demander un devis
Un formulaire peut annoncer « Votre nom » et « Votre projet », préciser les champs obligatoires et expliquer une erreur. Une personne qui n’utilise pas la souris doit pouvoir atteindre les champs puis activer le bouton dans un ordre logique.
Vérifier au-delà d’un outil
Un contrôle automatisé détecte certains problèmes de structure ou de contraste. Il ne peut pas décider à lui seul si un texte alternatif décrit correctement une photo ou si une explication est claire. Complétez-le par une navigation au clavier, du zoom et des tests adaptés.
À vérifier sur votre site
- Les textes restent lisibles sur les fonds utilisés.
- Les actions sont accessibles au clavier avec un focus visible.
- Les formulaires ont des labels et des erreurs compréhensibles.
L’idée à retenir
L’accessibilité permet de comprendre et d’utiliser le site avec différents outils et capacités.
Le piège à éviter
Une bonne note automatique ne constitue pas une certification d’accessibilité. L’accessibilité se travaille dans les contenus autant que dans le code.