RGAA 4.1.2 · THÉMATIQUE 1 · IMAGES
Critère 1.3 : Pour chaque image porteuse d’information ayant une alternative textuelle, cette alternative est-elle pertinente (hors cas particuliers) ?
Texte officiel du RGAA 4.1.2 (DINUM), mis en page par Claren · Mis à jour le
Ce critère appartient à la thématique « Images » du RGAA 4.1.2. Il se vérifie par 9 tests.
Le critère
Pour chaque image porteuse d’information ayant une alternative textuelle, cette alternative est-elle pertinente (hors cas particuliers) ?
Les tests
Test 1.3.1
Chaque image (balise <img> ou balise possédant l’attribut WAI-ARIA role="img") porteuse d’information, ayant une alternative textuelle, cette alternative est-elle pertinente (hors cas particuliers) ?
- S’il est présent, le contenu de l’attribut
altest pertinent ; - S’il est présent, le contenu de l’attribut
titleest pertinent ; - S’il est présent, le contenu de l’attribut WAI-ARIA
aria-labelest pertinent ; - S’il est présent, le passage de texte associé via l’attribut WAI-ARIA
aria-labelledbyest pertinent.
Méthodologie du test 1.3.1
- Retrouver dans le document les images structurées au moyen d’un élément
<img>(ou d’un élément possédant l’attribut WAI-ARIArole="img") pourvues d’une alternative textuelle ; - Pour chaque image, vérifier que l’alternative textuelle est pertinente ;
- Si c’est le cas pour chaque image, le test est validé.
Test 1.3.2
Pour chaque zone (balise <area>) d’une image réactive porteuse d’information, ayant une alternative textuelle, cette alternative est-elle pertinente (hors cas particuliers) ?
- S’il est présent, le contenu de l’attribut
altest pertinent ; - S’il est présent, le contenu de l’attribut
titleest pertinent ; - S’il est présent, le contenu de l’attribut WAI-ARIA
aria-labelest pertinent ; - S’il est présent, le passage de texte associé via l’attribut WAI-ARIA
aria-labelledbyest pertinent.
Méthodologie du test 1.3.2
- Retrouver dans le document les éléments
<area>pourvus d’une alternative textuelle ; - Pour chaque élément
<area>, vérifier que l’alternative textuelle est pertinente ; - Si c’est le cas pour chaque image, le test est validé.
Test 1.3.3
Pour chaque bouton de type image (balise <input> avec l’attribut type="image"), ayant une alternative textuelle, cette alternative est-elle pertinente (hors cas particuliers) ?
- S’il est présent, le contenu de l’attribut
altest pertinent ; - S’il est présent, le contenu de l’attribut
titleest pertinent ; - S’il est présent, le contenu de l’attribut WAI-ARIA
aria-labelest pertinent ; - S’il est présent, le passage de texte associé via l’attribut WAI-ARIA
aria-labelledbyest pertinent.
Méthodologie du test 1.3.3
- Retrouver dans le document les éléments
<input>pourvus de l’attributtype="image"et d’une alternative textuelle ; - Pour chaque élément
<input>pourvu de l’attributtype="image", vérifier que l’alternative textuelle est pertinente ; - Si c’est le cas pour chaque image, le test est validé.
Test 1.3.4
Pour chaque image objet (balise <object> avec l’attribut type="image/…") porteuse d’information, ayant une alternative textuelle ou un contenu alternatif, cette alternative est-elle pertinente (hors cas particuliers) ?
- S’il est présent, le contenu de l’attribut
titleest pertinent ; - S’il est présent, le contenu de l’attribut WAI-ARIA
aria-labelest pertinent ; - S’il est présent, le passage de texte associé via l’attribut WAI-ARIA
aria-labelledbyest pertinent ; - S’il est présent le contenu alternatif est pertinent.
Méthodologie du test 1.3.4
- Retrouver dans le document les éléments
<object>pourvus de l’attributtype="image/…"et d’une alternative textuelle ; - Pour chaque élément
<object>pourvu de l’attributtype="image/…", vérifier que l’alternative textuelle est pertinente ; - Si c’est le cas pour chaque image, le test est validé.
Test 1.3.5
Pour chaque image embarquée (balise <embed> avec l’attribut type="image/…") porteuse d’information, ayant une alternative textuelle ou un contenu alternatif, cette alternative est-elle pertinente (hors cas particuliers) ?
- S’il est présent, le contenu de l’attribut
titleest pertinent ; - S’il est présent, le contenu de l’attribut WAI-ARIA
aria-labelest pertinent ; - S’il est présent, le passage de texte associé via l’attribut WAI-ARIA
aria-labelledbyest pertinent ; - S’il est présent le contenu alternatif est pertinent.
Méthodologie du test 1.3.5
- Retrouver dans le document les éléments
<embed>pourvus de l’attributtype="image/…"et d’une alternative textuelle ; - Pour chaque élément
<embed>pourvu de l’attributtype="image/…", vérifier que l’alternative textuelle est pertinente ; - Si c’est le cas pour chaque image, le test est validé.
Test 1.3.6
Pour chaque image vectorielle (balise <svg>) porteuse d’information, ayant une alternative textuelle, cette alternative est-elle pertinente (hors cas particuliers) ?
- S’il est présent, le contenu de l'élément
<title>est pertinent ; - S’il est présent, le contenu de l’attribut WAI-ARIA
aria-labelest pertinent ; - S’il est présent, le passage de texte associé via l’attribut WAI-ARIA
aria-labelledbyest pertinent.
Méthodologie du test 1.3.6
- Retrouver dans le document les éléments
<svg>pourvus d’une alternative textuelle ; - Pour chaque élément
<svg>, vérifier que l’alternative textuelle est pertinente ; - Si c’est le cas pour chaque image, le test est validé.
Test 1.3.7
Pour chaque image bitmap (balise <canvas>) porteuse d’information, ayant une alternative textuelle ou un contenu alternatif, cette alternative est-elle pertinente (hors cas particuliers) ?
- S’il est présent, le contenu de l’attribut
titleest pertinent ; - S’il est présent, le contenu de l’attribut WAI-ARIA
aria-labelest pertinent ; - S’il est présent, le passage de texte associé via l’attribut WAI-ARIA
aria-labelledbyest pertinent ; - S’il est présent le contenu alternatif est pertinent.
Méthodologie du test 1.3.7
- Retrouver dans le document les éléments
<canvas>pourvus d’une alternative textuelle ; - Pour chaque élément
<canvas>, vérifier que l’alternative textuelle est pertinente ; - Si c’est le cas pour chaque image, le test est validé.
Test 1.3.8
Pour chaque image bitmap (balise <canvas>) porteuse d’information et ayant un contenu alternatif entre <canvas> et </canvas>, ce contenu alternatif est-il correctement restitué par les technologies d’assistance ?
Méthodologie du test 1.3.8
- Retrouver dans le document les éléments
<canvas>pourvus d’un contenu alternatif entre les balises<canvas>et</canvas>; - Pour chaque élément
<canvas>, vérifier que le contenu alternatif est correctement restitué par les technologies d’assistance ; - Si c’est le cas pour chaque image, le test est validé.
Test 1.3.9
Pour chaque image porteuse d’information et ayant une alternative textuelle, l’alternative textuelle est-elle courte et concise (hors cas particuliers) ?
Méthodologie du test 1.3.9
- Retrouver dans le document les images pourvues d’une alternative textuelle ;
- Pour chaque image, vérifier l’alternative textuelle est courte et concise ;
- Si c’est le cas pour chaque image, le test est validé.
Cas particuliers
Il existe une gestion de cas particuliers lorsque l’image est utilisée comme CAPTCHA ou comme image-test. Dans cette situation, où il n’est pas possible de donner une alternative pertinente sans détruire l’objet du CAPTCHA ou du test, le critère est non applicable.
Note : le cas des CAPTCHA et des images-test est traité de manière spécifique par le critère 1.4.
Correspondance WCAG
- WCAG 2.2, critère 1.1.1 : Non-text Content
- WCAG 2.2, critère 4.1.2 : Name, Role, Value
Ce qu’un contrôle automatique peut voir
Les contrôles automatiques de Claren couvrent une partie de ce critère. Le reste se vérifie à la main.
- Alternative d'image qui répète le texte voisin
- Alternative d'image qui reprend un nom de fichier
- Alternative d'image réduite à un mot générique
Faire vérifier votre site
Un test automatique ne tranche qu’une partie des critères. Un audit RGAA les contrôle tous à la main, sur un échantillon de pages, et vous laisse un plan de correction.
Version officielle : critère 1.3 sur accessibilite.numerique.gouv.fr.
Textes du critère, des tests, de la méthodologie, des cas particuliers et des notes techniques : RGAA 4.1.2, DINUM, sous Licence Ouverte 2.0 (Etalab), repris tels quels. Intitulés des critères WCAG 2.2 : W3C, W3C Document License. Les liens des termes mènent au glossaire officiel du RGAA.