Aller au contenu principal
RGAAA

1.9 Chaque légende d’image est-elle, si nécessaire, correctement reliée à l’image correspondante ?

References WCAG
  • 1.1.1 Non-text Content (A)
  • 4.1.2 Name, Role, Value (A)
Techniques
  • G140
  • ARIA4
  • ARIA6

Méthodologie officielle pour tester le critère 1.9

Test 1 (1.9.1)

  1. Retrouver dans le document les images pourvues d’une légende structurées au moyen d’élément <img>, d’un élément <input> avec l’attribut type="image" ou d’un élément possédant l’attribut WAI-ARIA role="img" ;
  2. Pour chaque image, vérifier que :
    • L’image et sa légende sont contenues dans une balise <figure> ;
    • La balise <figure> possède une propriété WAI-ARIA role="figure" ou role="group" ;
    • La balise <figure> possède un attribut WAI-ARIA aria-label dont le contenu est identique au contenu de la légende ;
    • La légende est contenue dans une balise <figcaption>.
  3. Si c’est le cas pour chaque image, le test est validé.

Test 2 (1.9.2)

  1. Retrouver dans le document les images objet pourvues d’une légende (élément <object> avec l’attribut type="image/…") ;
  2. Pour chaque image, vérifier que :
    • L’image et sa légende sont contenues dans une balise <figure> ;
    • La balise <figure> possède une propriété WAI-ARIA role="figure" ou role="group" ;
    • La balise <figure> possède un attribut WAI-ARIA aria-label dont le contenu est identique au contenu de la légende ;
    • La légende est contenue dans une balise <figcaption>.
  3. Si c’est le cas pour chaque image, le test est validé.

Test 3 (1.9.3)

  1. Retrouver dans le document les images embarquées pourvues d’une légende (élément <embed> avec l’attribut type="image/…") ;
  2. Pour chaque image, vérifier que :
    • L’image et sa légende sont contenues dans une balise <figure> ;
    • La balise <figure> possède une propriété WAI-ARIA role="figure" ou role="group" ;
    • La balise <figure> possède un attribut WAI-ARIA aria-label dont le contenu est identique au contenu de la légende ;
    • La légende est contenue dans une balise <figcaption>.
  3. Si c’est le cas pour chaque image, le test est validé.

Test 4 (1.9.4)

  1. Retrouver dans le document les images vectorielles pourvues d’une légende (élément <svg>) ;
  2. Pour chaque image, vérifier que :
    • L’image et sa légende sont contenues dans une balise <figure> ;
    • La balise <figure> possède une propriété WAI-ARIA role="figure" ou role="group" ;
    • La balise <figure> possède un attribut WAI-ARIA aria-label dont le contenu est identique au contenu de la légende ;
    • La légende est contenue dans une balise <figcaption>.
  3. Si c’est le cas pour chaque image, le test est validé.

Test 5 (1.9.5)

  1. Retrouver dans le document les images bitmap (élément <canvas>) ;
  2. Pour chaque image, vérifier que :
    • L’image et sa légende sont contenues dans une balise <figure> ;
    • La balise <figure> possède une propriété WAI-ARIA role="figure" ou role="group" ;
    • La balise <figure> possède un attribut WAI-ARIA aria-label dont le contenu est identique au contenu de la légende ;
    • La légende est contenue dans une balise <figcaption>.
  3. Si c’est le cas pour chaque image, le test est validé.