Accessia
Auditer mon site
Tous les critères par thématique

Thématique 1 · Images

Critère RGAA 1.4 : Alternative des CAPTCHA et images-tests

Face à un CAPTCHA image, une personne aveugle doit au moins savoir de quoi il s'agit et à quoi il sert, pour pouvoir chercher une autre solution.

Niveau
A
WCAG 2.2
1.1.1
Thématique
Images
Vérification
Vérification humaine

La question posée par le RGAA

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 ?

Comment respecter ce critère

  • Indiquez dans l'alternative la nature et la fonction de l'image (« CAPTCHA : saisissez les caractères affichés »), sans révéler la réponse.
  • Faites de même pour une image-test (test de vision, quiz sur une image).

Les tests officiels

Pour être conforme, chaque élément concerné de la page doit satisfaire les tests suivants :

  1. 1.4.1 — Pour chaque image (balise <img>) utilisée comme CAPTCHA ou comme image-test, ayant une alternative textuelle, cette alternative est-elle pertinente ? (S’il est présent, le contenu de l’attribut alt est pertinent ; S’il est présent, le contenu de l’attribut title est pertinent ; S’il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent ; S’il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent.)
  2. 1.4.2 — Pour chaque zone (balise <area>) d’une image réactive utilisée comme CAPTCHA ou comme image-test, ayant une alternative textuelle, cette alternative est-elle pertinente ? (S’il est présent, le contenu de l’attribut alt est pertinent ; S’il est présent, le contenu de l’attribut title est pertinent ; S’il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent ; S’il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent.)
  3. 1.4.3 — Pour chaque bouton de type image (balise <input> avec l’attribut type="image") utilisé comme CAPTCHA ou comme image-test, ayant une alternative textuelle, cette alternative est-elle pertinente ? (S’il est présent, le contenu de l’attribut alt est pertinent ; S’il est présent, le contenu de l’attribut title est pertinent ; S’il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent ; S’il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent.)
  4. 1.4.4 — Pour chaque image objet (balise <object> avec l’attribut type="image/…") utilisée comme CAPTCHA ou comme image-test, ayant une alternative textuelle ou un contenu alternatif, cette alternative est-elle pertinente ? (S’il est présent, le contenu de l’attribut alt est pertinent ; S’il est présent, le contenu de l’attribut title est pertinent ; S’il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent ; S’il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent ; S’il est présent le contenu alternatif est pertinent.)
  5. 1.4.5 — Pour chaque image embarquée (balise <embed> avec l’attribut type="image/…") utilisée comme CAPTCHA ou comme image-test, ayant une alternative textuelle ou un contenu alternatif, cette alternative est-elle pertinente ? (S’il est présent, le contenu de l’attribut alt est pertinent ; S’il est présent, le contenu de l’attribut title est pertinent ; S’il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent ; S’il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent ; S’il est présent le contenu alternatif est pertinent.)
  6. 1.4.6 — Pour chaque image vectorielle (balise <svg>) utilisée comme CAPTCHA ou comme image-test, ayant une alternative textuelle, cette alternative est-elle pertinente ? (S’il est présent, le contenu de l’attribut alt est pertinent ; S’il est présent, le contenu de l’attribut title est pertinent ; S’il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent ; S’il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent.)
  7. 1.4.7 — Pour chaque image bitmap (balise <canvas>) utilisée comme CAPTCHA ou comme image-test, ayant une alternative textuelle ou un contenu alternatif, cette alternative est-elle pertinente ? (S’il est présent, le contenu de l’attribut alt est pertinent ; S’il est présent, le contenu de l’attribut title est pertinent ; S’il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent ; S’il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent ; S’il est présent le contenu alternatif est pertinent.)

Source : RGAA 4.1.2, critère 1.4, DINUM (nouvel onglet), sous Licence Ouverte. Le RGAA précise aussi des cas particuliers et un glossaire à consulter pour un audit officiel.

Comment Accessia le vérifie

Ce critère demande un jugement humain (pertinence, contexte, contenu multimédia). La revue guidée d'Accessia vous le présente avec ses tests officiels, et l'extension Chrome aide à le vérifier (ordre de tabulation, titres, zones, lecteur d'écran, simulations).