Accessia
Auditer mon site
Tous les critères par thématique

Thématique 1 · Images

Critère RGAA 1.9 : Légendes d'images reliées

Une légende visuellement placée sous l'image mais non reliée dans le code n'est pas associée à l'image par les technologies d'assistance.

Niveau
A
WCAG 2.2
1.1.1, 4.1.2
Thématique
Images
Vérification
Vérification humaine

La question posée par le RGAA

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

Comment respecter ce critère

  • Regroupez l'image et sa légende dans un élément figure, avec la légende dans figcaption.
  • Ajoutez role="figure" (ou role="group") et un aria-label reprenant la légende pour une restitution fiable.

Les tests officiels

Pour être conforme, chaque élément concerné de la page doit satisfaire les tests suivants :

  1. 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>.)
  2. 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>.)
  3. 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>.)
  4. 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>.)
  5. 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>.)

Source : RGAA 4.1.2, critère 1.9, DINUM (nouvel onglet), sous Licence Ouverte. Le RGAA précise aussi des cas particuliers et un glossaire à consulter pour un audit officiel.

Comment Accessia le vérifie

Ce critère demande un jugement humain (pertinence, contexte, contenu multimédia). La revue guidée d'Accessia vous le présente avec ses tests officiels, et l'extension Chrome aide à le vérifier (ordre de tabulation, titres, zones, lecteur d'écran, simulations).