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. Voir aussi le critère 1.2 sur accessibilite.numerique.gouv.fr.

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 attribut alt vide (alt="") et est dépourvue de tout autre attribut permettant de fournir une alternative textuelle ;
La balise <img> possède un attribut WAI-ARIA aria-hidden="true" ou role="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-label ou title et qu’elle possède :
- Soit un attribut alt vide (alt="") ;
- Soit un attribut WAI-ARIA aria-hidden="true" ou role="presentation".
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 attribut alt vide (alt="") et est dépourvue de tout autre attribut permettant de fournir une alternative textuelle ;
La balise <area> possède un attribut WAI-ARIA aria-hidden="true" ou role="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 attribut href) ;
Pour chaque image, vérifier que l’élément <area> ne possède pas d’attributs aria-labelledby, aria-label ou title et qu’il possède :
- Soit un attribut alt vide (alt="") ;
- Soit un attribut WAI-ARIA aria-hidden="true" ou role="presentation".
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-ARIA aria-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 attribut type="image/…") ;
Pour chaque image, vérifier que la balise ouvrante <object> ne possède pas d’attributs aria-labelledby, aria-label ou title et 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>.
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-ARIA aria-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’attribut title.

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’attributs aria-labelledby ou aria-label et 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).
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-ARIA aria-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’attributs aria-labelledby, aria-label ou title et 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>.
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-ARIA aria-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 attribut type="image/…") ;
Pour chaque image, vérifier que l’élément <embed> ne possède pas d’attributs aria-labelledby, aria-label ou title et qu’il :
- Possède un attribut WAI-ARIA aria-hidden="true" ;
- Et est dépourvu d’alternative textuelle ;
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".

Références WCAG 2.1

1.1.1 Non-text Content (niveau A)
4.1.2 Name, Role, Value (niveau A)

Techniques WCAG : H67, G196, C9, F39, F38, ARIA4, ARIA10

Ce que l’audit automatique peut détecter

Aucune règle d’axe-core 4.14.0 ne vérifie directement ce critère : vérification humaine indispensable, en suivant la méthodologie de chaque test.

Règles liées indirectement (via WCAG 4.1.2) — signal faible

Ces règles ne citent aucun test de ce critère : elles vérifient un critère WCAG qu’il partage avec d’autres critères RGAA. Une erreur qu’elles signalent peut relever d’un autre critère, et leur silence ne prouve rien ici.

aria-braille-equivalent : Ensure aria-braillelabel and aria-brailleroledescription have a non-braille equivalentVia WCAG 4.1.2.
aria-tooltip-name : Ensure every ARIA tooltip node has an accessible nameVia WCAG 4.1.2.
summary-name : Ensure summary elements have discernible textVia WCAG 4.1.2.

Source : RGAA 4.1.2 (WCAG 2.1), © DINUM, publié dans le dépôt DISIC/accessibilite.numerique.gouv.fr (commit ca4019f), sous Licence Ouverte 2.0. Texte officiel reproduit sans modification de contenu ; certains attributs de mise en forme (liens ouverts dans une nouvelle fenêtre, lien mort) sont retirés. Seuls les encadrés « Explication Rampe — non normative » sont rédigés par Rampe.