Les tests de vérification « je ne suis pas un robot » en image sont-ils accompagnés d'une explication sur leur rôle ?
Critère officiel 1.4 — Pour chaque image utilisée comme CAPTCHA ou comme image-test, ayant une alternative textuelle, cette alternative permet-elle d’identifier la nature et la fonction de l’image ?
Pourquoi c'est important
Une personne aveugle ne peut pas résoudre un test visuel sans description de sa nature. Elle est bloquée et ne peut pas accéder au service — formulaire de contact, inscription à une alerte, demande en ligne.
Exemples concrets
Ce qui est conforme
Le CAPTCHA du formulaire de contact est accompagné d'un texte indiquant : « Vérification de sécurité : saisissez les chiffres affichés dans l'image. » Ce texte permet au logiciel de lecture d'expliquer à l'utilisateur ce qui lui est demandé.
Ce qui pose problème
Le formulaire de déclaration de travaux affiche une image de chiffres déformés sans aucun texte d'explication. Une personne aveugle ne sait pas ce qu'on lui demande de faire.
Comment agir
Pour une petite commune, la solution la plus réaliste est de supprimer le CAPTCHA visuel et de demander à votre prestataire de le remplacer par une question simple (ex. : « Quelle est la couleur du ciel ? ») ou un piège invisible pour les robots. Ces solutions fonctionnent sans image et sans contrainte pour aucun utilisateur.
Règles clés
- L'alt décrit la nature : 'Code de sécurité CAPTCHA — une alternative audio est disponible ci-dessous'.
- Ne jamais révéler le contenu dans l'alt.
- Toujours associer à une alternative accessible (critère 1.5).
Erreurs fréquentes
- CAPTCHA sans attribut alt
- alt qui révèle le contenu du CAPTCHA (annulerait la sécurité)
- alt générique ('image de sécurité') sans mention de l'alternative disponible
Exemples de code
CAPTCHA sans alternative textuelle
✗ Non conforme<img src="captcha.png">Aucun alt. Le lecteur d'écran restituera le nom du fichier. L'utilisateur ne sait pas qu'il doit résoudre un CAPTCHA.
CAPTCHA avec alt et lien vers alternative
✓ Conforme<img src="captcha.png"
alt="Code de sécurité — si vous ne pouvez
pas lire cette image, utilisez
l'alternative audio ci-dessous">
<a href="#captcha-audio">Alternative audio</a>L'alt décrit la nature et oriente vers l'alternative. Le contenu du CAPTCHA n'est pas révélé.
Référence WCAG : 1.1.1