Thématique 1 · Images

Critère RGAA 1.6 : Description détaillée des images complexes

Un graphique, un schéma ou une infographie contiennent trop d'informations pour une alternative courte : sans description détaillée, leurs données sont perdues.

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

La question posée par le RGAA

Chaque image porteuse d’information a-t-elle, si nécessaire, une description détaillée ?

Comment respecter ce critère

Ajoutez une description détaillée dans la page, juste après l'image, ou via un lien adjacent vers une page de description.
Pour un graphique de données, un tableau des valeurs constitue souvent la meilleure description.
Indiquez dans l'alternative courte où trouver la description détaillée.

Les tests officiels

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

1.6.1 — Chaque image (balise <img>) porteuse d’information, qui nécessite une description détaillée, vérifie-t-elle une de ces conditions ? (Il existe un attribut longdesc qui donne l’adresse (URL) d’une page ou d’un emplacement dans la page contenant la description détaillée ; Il existe une alternative textuelle contenant la référence à une description détaillée adjacente à l’image ; Il existe un lien ou un bouton adjacent permettant d’accéder à la description détaillée.)
1.6.2 — Chaque image objet (balise <object> avec l’attribut type="image/…") porteuse d’information, qui nécessite une description détaillée, vérifie-t-elle une de ces conditions ? (Il existe un attribut longdesc qui donne l’adresse (URL) d’une page ou d’un emplacement dans la page contenant la description détaillée ; Il existe une alternative textuelle contenant la référence à une description détaillée adjacente à l’image ; Il existe un lien ou un bouton adjacent permettant d’accéder à la description détaillée.)
1.6.3 — Chaque image embarquée (balise <embed>) porteuse d’information, qui nécessite une description détaillée, vérifie-t-elle une de ces conditions ? (Il existe un attribut longdesc qui donne l’adresse (URL) d’une page ou d’un emplacement dans la page contenant la description détaillée ; Il existe une alternative textuelle contenant la référence à une description détaillée adjacente à l’image ; Il existe un lien ou un bouton adjacent permettant d’accéder à la description détaillée.)
1.6.4 — Chaque bouton de type image (balise <input> avec l’attribut type="image") porteur d’information, qui nécessite une description détaillée, vérifie-t-il une de ces conditions ? (Il existe un attribut longdesc qui donne l’adresse (URL) d’une page ou d’un emplacement dans la page contenant la description détaillée ; Il existe une alternative textuelle contenant la référence à une description détaillée adjacente à l’image ; Il existe un lien ou un bouton adjacent permettant d’accéder à la description détaillée.)
1.6.5 — Chaque image vectorielle (balise <svg>) porteuse d’information, qui nécessite une description détaillée, vérifie-t-elle une de ces conditions ? (Il existe un attribut WAI-ARIA aria-label contenant l’alternative textuelle et une référence à une description détaillée adjacente ; Il existe un attribut WAI-ARIA aria-labelledby associant un passage de texte faisant office d’alternative textuelle et un autre faisant office de description détaillée ; Il existe un attribut WAI-ARIA aria-describedby associant un passage de texte faisant office de description détaillée ; Il existe un lien ou un bouton adjacent permettant d’accéder à la description détaillée.)
1.6.6 — Pour chaque image vectorielle (balise <svg>) porteuse d’information, ayant une description détaillée, la référence éventuelle à la description détaillée dans l’attribut WAI-ARIA aria-label et la description détaillée associée par l’attribut WAI-ARIA aria-labelledby ou aria-describedby sont-elles correctement restituées par les technologies d’assistance ?
1.6.7 — Chaque image bitmap (balise <canvas>), porteuse d’information, qui nécessite une description détaillée, vérifie-t-elle une de ces conditions ? (Il existe un attribut WAI-ARIA aria-label contenant l’alternative textuelle et une référence à une description détaillée adjacente ; Il existe un attribut WAI-ARIA aria-labelledby associant un passage de texte faisant office d’alternative textuelle et un autre faisant office de description détaillée ; Il existe un contenu textuel entre <canvas> et </canvas> faisant référence à une description détaillée adjacente à l’image bitmap ; Il existe un contenu textuel entre <canvas> et </canvas> faisant office de description détaillée ; Il existe un lien ou bouton adjacent permettant d’accéder à la description détaillée.)
1.6.8 — Pour chaque image bitmap (balise <canvas>) porteuse d’information, qui implémente une référence à une description détaillée adjacente, cette référence est-elle correctement restituée par les technologies d’assistance ?
1.6.9 — Pour chaque image (balise <img>, <input> avec l’attribut type="image", <area>, <object>, <embed>, <svg>, <canvas>, ou possédant un attribut WAI-ARIA role="img") porteuse d’information, qui est accompagnée d’une description détaillée et qui utilise un attribut WAI-ARIA aria-describedby, l’attribut WAI-ARIA aria-describedby associe-t-il la description détaillée ?
1.6.10 — Chaque balise possédant un attribut WAI-ARIA role="img" porteuse d’information, qui nécessite une description détaillée, vérifie-t-elle une de ces conditions ? (Il existe un attribut WAI-ARIA aria-label contenant l’alternative textuelle et une référence à une description détaillée adjacente ; Il existe un attribut WAI-ARIA aria-labelledby associant un passage de texte faisant office d’alternative textuelle et un autre faisant office de description détaillée ; Il existe un attribut WAI-ARIA aria-describedby associant un passage de texte faisant office de description détaillée ; Il existe un lien ou un bouton adjacent permettant d’accéder à la description détaillée.)

Source : RGAA 4.1.2, critère 1.6, 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).