Aller au contenu principal
RGAAA

1.2 Chaque image de décoration est-elle correctement ignorée par les technologies d’assistance ?

References WCAG
  • 1.1.1 Non-text Content (A)
  • 4.1.2 Name, Role, Value (A)
Techniques
  • H67
  • G196
  • C9
  • F39
  • F38
  • ARIA4
  • ARIA10

Méthodologie officielle pour tester le critère 1.2

Test 1 (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 2 (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 3 (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 4 (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 5 (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 6 (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é.