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 ?

Méthodologie du test 1.2.1
  1. Retrouver dans le document les images décoratives dépourvues de légende structurées au moyen d’un élément <img> ;
  2. 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".
  3. 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 ?

Méthodologie du test 1.2.2
  1. Retrouver dans le document les images décoratives structurées au moyen d’un élément <area> (sans attribut href) ;
  2. 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".
  3. 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 ?

Méthodologie du test 1.2.3
  1. 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/…") ;
  2. 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>.
  3. 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 ?

Méthodologie du test 1.2.4
  1. Retrouver dans le document les images décoratives dépourvues de légende structurées au moyen d’un élément <svg> ;
  2. 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).
  3. 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 ?

Méthodologie du test 1.2.5
  1. Retrouver dans le document les images décoratives dépourvues de légende structurées au moyen d’un élément <canvas> ;
  2. 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>.
  3. 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 ?

Méthodologie du test 1.2.6
  1. 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/…") ;
  2. 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 ;
  3. 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

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.

Prendre rendez-vous

Tester une page gratuitement en ligne

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.

PARLONS DE VOTRE SITE

Un créneau tout de suite, ou nous vous rappelons.

Un premier échange pour comprendre votre situation et vous dire par quoi commencer : choisissez un créneau dans notre agenda, ou laissez votre numéro et nous vous rappelons.

Prendre rendez-vous

Premier rendez-vous gratuit et sans engagement : 30 minutes (15 minutes pour une boutique en ligne).

Le diagnostic flash, c’est quoi ?

Le diagnostic flash est gratuit : nous examinons jusqu’à 5 pages de votre site et vous envoyons le rapport par e-mail. Il repère de premiers obstacles ; il ne remplace pas un audit et ne donne pas de taux de conformité.

Recevoir le diagnostic gratuit

Vous représentez (obligatoire)
Le secteur public
Le secteur privé

Vos informations servent seulement à vous rappeler. Confidentialité.

Choisissez un créneau.

Un échange de trente minutes, en visioconférence ou par téléphone, pour comprendre votre situation. Vous recevez une confirmation du rendez-vous par e-mail.

Un échange sans engagement. Aucun créneau n’est proposé avant trois jours.