Aller au contenu principal
RAWEBA

1.2 Chaque image de décoration, sans légende, 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
  • ARIA4
  • C9
  • F38
  • F39
  • G196
  • H67

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 possède un attribut aria-hidden="true".
  3. Sinon, vérifier que l’image possède un attribut role="presentation" ou un role="none" et qu’elle est dépourvue des attributs aria-labelledby, aria-label et title.
  4. Sinon, vérifier que l’image possède un alt vide (alt="") et qu’elle est dépourvue des attributs aria-labelledby, aria-label et title.
  5. 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 dépourvues de légende structurées au moyen d’un élément <area> (sans attribut href).
  2. Pour chaque image, vérifier que l’élément <area> possède un attribut aria-hidden="true".
  3. Sinon, vérifier que l’élément <area> possède un attribut role="presentation" ou un role="none" et qu’elle est dépourvue des attributs aria-labelledby, aria-label et title.
  4. Sinon, vérifier que l’élément <area> possède un alt vide (alt="") et qu’elle est dépourvue des attributs aria-labelledby, aria-label et title.
  5. 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> possède un attribut WAI-ARIA aria-hidden="true".
  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é.