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

Comprendre

Une légende d’image doit être reliée à son image, par exemple avec figure et figcaption.

Ce critère s’applique lorsque la page contient : images légendées.

Ce que vérifie Agence RGAA

Aucun contrôle automatique fiable aujourd’hui : ce critère est vérifié par une personne (en interne ou par un auditeur RGAA).

Un résultat automatique n’est jamais un audit : seul un contrôle humain (en interne ou par un auditeur RGAA) permet de conclure.

Tests officiels

1. Test 1.9.1

   Chaque image pourvue d’une légende (balise <img>, <input> avec l’attribut type="image" ou possédant un attribut WAI-ARIA role="img" associée à une légende adjacente), vérifie-t-elle, si nécessaire, ces conditions ? L’image (balise <img>, <input> avec l’attribut type="image" ou possédant un attribut WAI-ARIA role="img") et sa légende adjacente sont contenues dans une balise <figure> ; La balise <figure> possède un attribut 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>.

   Méthodologie de test

   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é.

2. Test 1.9.2

   Chaque image objet pourvue d’une légende (balise <object> avec l’attribut type="image/…" associée à une légende adjacente), vérifie-t-elle, si nécessaire, ces conditions ? L’image objet et sa légende adjacente sont contenues dans une balise <figure> ; La balise <figure> possède un attribut 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>.

   Méthodologie de test

   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é.

3. Test 1.9.3

   Chaque image embarquée pourvue d’une légende (balise <embed> associée à une légende adjacente), vérifie-t-elle, si nécessaire, ces conditions ? L’image embarquée (balise <embed>) et sa légende adjacente sont contenues dans une balise <figure> ; La balise <figure> possède un attribut 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>.

   Méthodologie de test

   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é.

4. Test 1.9.4

   Chaque image vectorielle pourvue d’une légende (balise <svg> associée à une légende adjacente), vérifie-t-elle, si nécessaire, ces conditions ? L’image vectorielle (balise <svg>) et sa légende adjacente sont contenues dans une balise <figure> ; La balise <figure> possède un attribut 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>.

   Méthodologie de test

   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é.

5. Test 1.9.5

   Chaque image bitmap pourvue d’une légende (balise <canvas> associée à une légende adjacente), vérifie-t-elle, si nécessaire, ces conditions ? L’image bitmap (balise <canvas>) et sa légende adjacente sont contenues dans une balise <figure> ; La balise <figure> possède un attribut 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>.

   Méthodologie de test

   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é.

Texte officiel du référentiel RGAA 4.1.2 publié par la DINUM — voir la source.