RGAA 4.1.2 · THÉMATIQUE 1 · IMAGES
Critère 1.2 : Chaque image de décoration est-elle correctement ignorée par les technologies d’assistance ?
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 6 tests.
Le critère
Chaque image de décoration est-elle correctement ignorée par les technologies d’assistance ?
Les tests
Test 1.2.1
Chaque image (balise <img>) de décoration, sans légende, vérifie-t-elle une de ces conditions ?
- La balise
<img>possède un attributaltvide (alt="") et est dépourvue de tout autre attribut permettant de fournir une alternative textuelle ; - La balise
<img>possède un attribut WAI-ARIAaria-hidden="true"ourole="presentation".
Méthodologie du test 1.2.1
- Retrouver dans le document les images décoratives dépourvues de légende structurées au moyen d’un élément
<img>; - Pour chaque image, vérifier que l’image ne possède pas d’attributs
aria-labelledby,aria-labeloutitleet qu’elle possède :- Soit un attribut
altvide (alt="") ; - Soit un attribut WAI-ARIA
aria-hidden="true"ourole="presentation".
- Soit un attribut
- Si c’est le cas pour chaque image, le test est validé.
Test 1.2.2
Chaque zone non cliquable (balise <area> sans attribut href) de décoration, vérifie-t-elle une de ces conditions ?
- La balise
<area>possède un attributaltvide (alt="") et est dépourvue de tout autre attribut permettant de fournir une alternative textuelle ; - La balise
<area>possède un attribut WAI-ARIAaria-hidden="true"ourole="presentation".
Méthodologie du test 1.2.2
- Retrouver dans le document les images décoratives structurées au moyen d’un élément
<area>(sans attributhref) ; - Pour chaque image, vérifier que l’élément
<area>ne possède pas d’attributsaria-labelledby,aria-labeloutitleet qu’il possède :- Soit un attribut
altvide (alt="") ; - Soit un attribut WAI-ARIA
aria-hidden="true"ourole="presentation".
- Soit un attribut
- Si c’est le cas pour chaque image, le test est validé.
Test 1.2.3
Chaque image objet (balise <object> avec l’attribut type="image/…") de décoration, sans légende, vérifie-t-elle ces conditions ?
- La balise
<object>possède un attribut WAI-ARIAaria-hidden="true"; - La balise
<object>est dépourvue d’alternative textuelle ; - Il n’y a aucun texte faisant office d’alternative textuelle entre
<object>et</object>.
Méthodologie du test 1.2.3
- Retrouver dans le document les images décoratives structurées dépourvues de légende au moyen d’un élément
<object>(avec un attributtype="image/…") ; - Pour chaque image, vérifier que la balise ouvrante
<object>ne possède pas d’attributsaria-labelledby,aria-labeloutitleet qu’elle :- Possède un attribut WAI-ARIA
aria-hidden="true"; - Et est dépourvue d’alternative textuelle ;
- Et est dépourvue d’un contenu alternatif présent entre les balises
<object>et</object>.
- Possède un attribut WAI-ARIA
- Si c’est le cas pour chaque image, le test est validé.
Test 1.2.4
Chaque image vectorielle (balise <svg>) de décoration, sans légende, vérifie-t-elle ces conditions ?
- La balise
<svg>possède un attribut WAI-ARIAaria-hidden="true"; - La balise
<svg>et ses enfants sont dépourvus d’alternative textuelle ; - Les balises
<title>et<desc>sont absentes ou vides ; - La balise
<svg>et ses enfants sont dépourvus d’attributtitle.
Méthodologie du test 1.2.4
- Retrouver dans le document les images décoratives dépourvues de légende structurées au moyen d’un élément
<svg>; - Pour chaque image, vérifier que l’élément
<svg>ne possède pas d’attributsaria-labelledbyouaria-labelet qu’il :- Possède un attribut WAI-ARIA
aria-hidden="true"; - Et est dépourvu d’alternative textuelle (ainsi que ses éléments enfants) ;
- Et ne contient pas d’éléments
<title>et<desc>à moins que vides de contenu ; - Et est dépourvu d’attribut
title(ainsi que ses éléments enfants).
- Possède un attribut WAI-ARIA
- Si c’est le cas pour chaque image, le test est validé.
Test 1.2.5
Chaque image bitmap (balise <canvas>) de décoration, sans légende, vérifie-t-elle ces conditions ?
- La balise
<canvas>possède un attribut WAI-ARIAaria-hidden="true"; - La balise
<canvas>et ses enfants sont dépourvus d’alternative textuelle ; - Il n’y a aucun texte faisant office d’alternative textuelle entre
<canvas>et</canvas>.
Méthodologie du test 1.2.5
- Retrouver dans le document les images décoratives dépourvues de légende structurées au moyen d’un élément
<canvas>; - Pour chaque image, vérifier que l’élément
<canvas>ne possède pas d’attributsaria-labelledby,aria-labeloutitleet qu’il :- Possède un attribut WAI-ARIA
aria-hidden="true"; - Et est dépourvu d’alternative textuelle ;
- Et est dépourvu d’un contenu alternatif présent entre les balises
<canvas>et</canvas>.
- Possède un attribut WAI-ARIA
- Si c’est le cas pour chaque image, le test est validé.
Test 1.2.6
Chaque image embarquée (balise <embed> avec l’attribut type="image/…") de décoration, sans légende, vérifie-t-elle ces conditions ?
- La balise
<embed>possède un attribut WAI-ARIAaria-hidden="true"; - La balise
<embed>et ses enfants sont dépourvus d’alternative textuelle.
Méthodologie du test 1.2.6
- Retrouver dans le document les images décoratives dépourvues de légende structurées au moyen d’un élément
<embed>(avec un attributtype="image/…") ; - Pour chaque image, vérifier que l’élément
<embed>ne possède pas d’attributsaria-labelledby,aria-labeloutitleet qu’il :- Possède un attribut WAI-ARIA
aria-hidden="true"; - Et est dépourvu d’alternative textuelle ;
- Possède un attribut WAI-ARIA
- Si c’est le cas pour chaque image, le test est validé.
Notes techniques
Lorsqu'une image est associée à une légende, la note technique WCAG recommande de prévoir systématiquement une alternative textuelle (cf. critère 1.9). Dans ce cas le critère 1.2 est non applicable.
Dans le cas d'une image vectorielle (balise <svg>) de décoration qui serait affichée au travers d'un élément <use href="…"> enfant de l'élément <svg>, le test 1.2.4 s'appliquera également à l'élément <svg> associée par le biais de l'élément <use>.
Un attribut WAI-ARIA role="presentation" peut être utilisé sur les images de décoration et les zones non cliquables de décoration. Le rôle "none" introduit en ARIA 1.1 et synonyme du rôle "presentation" peut être aussi utilisé. Il reste préférable cependant d'utiliser le rôle "presentation" en attendant un support satisfaisant du rôle "none".
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
Aucun contrôle automatique de Claren ne couvre ce critère : il se vérifie à la main.
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.2 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.