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

Thématique 1 · Images

Critère RGAA 1.3 : Pertinence de l'alternative des images

Une alternative présente mais inutile (« image », « photo123.jpg », « logo ») ne transmet pas l'information : la personne aveugle reste aussi démunie que sans alternative.

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

Pour chaque image porteuse d’information ayant une alternative textuelle, cette alternative est-elle pertinente (hors cas particuliers) ?

Comment respecter ce critère

  • Rédigez l'alternative en fonction de ce que l'image apporte dans son contexte, pas de son apparence.
  • Restez concis : une phrase suffit le plus souvent ; une image complexe relève d'une description détaillée (critère 1.6).
  • N'écrivez pas « image de » : le lecteur d'écran annonce déjà qu'il s'agit d'une image.

Les tests officiels

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

  1. 1.3.1 — Chaque image (balise <img> ou balise possédant l’attribut WAI-ARIA role="img") porteuse d’information, ayant une alternative textuelle, cette alternative est-elle pertinente (hors cas particuliers) ? (S’il est présent, le contenu de l’attribut alt est pertinent ; S’il est présent, le contenu de l’attribut title est pertinent ; S’il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent ; S’il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent.)
  2. 1.3.2 — Pour chaque zone (balise <area>) d’une image réactive porteuse d’information, ayant une alternative textuelle, cette alternative est-elle pertinente (hors cas particuliers) ? (S’il est présent, le contenu de l’attribut alt est pertinent ; S’il est présent, le contenu de l’attribut title est pertinent ; S’il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent ; S’il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent.)
  3. 1.3.3 — Pour chaque bouton de type image (balise <input> avec l’attribut type="image"), ayant une alternative textuelle, cette alternative est-elle pertinente (hors cas particuliers) ? (S’il est présent, le contenu de l’attribut alt est pertinent ; S’il est présent, le contenu de l’attribut title est pertinent ; S’il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent ; S’il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent.)
  4. 1.3.4 — Pour chaque image objet (balise <object> avec l’attribut type="image/…") porteuse d’information, ayant une alternative textuelle ou un contenu alternatif, cette alternative est-elle pertinente (hors cas particuliers) ? (S’il est présent, le contenu de l’attribut title est pertinent ; S’il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent ; S’il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent ; S’il est présent le contenu alternatif est pertinent.)
  5. 1.3.5 — Pour chaque image embarquée (balise <embed> avec l’attribut type="image/…") porteuse d’information, ayant une alternative textuelle ou un contenu alternatif, cette alternative est-elle pertinente (hors cas particuliers) ? (S’il est présent, le contenu de l’attribut title est pertinent ; S’il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent ; S’il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent ; S’il est présent le contenu alternatif est pertinent.)
  6. 1.3.6 — Pour chaque image vectorielle (balise <svg>) porteuse d’information, ayant une alternative textuelle, cette alternative est-elle pertinente (hors cas particuliers) ? (S’il est présent, le contenu de l'élément <title> est pertinent ; S’il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent ; S’il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent.)
  7. 1.3.7 — Pour chaque image bitmap (balise <canvas>) porteuse d’information, ayant une alternative textuelle ou un contenu alternatif, cette alternative est-elle pertinente (hors cas particuliers) ? (S’il est présent, le contenu de l’attribut title est pertinent ; S’il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent ; S’il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent ; S’il est présent le contenu alternatif est pertinent.)
  8. 1.3.8 — Pour chaque image bitmap (balise <canvas>) porteuse d’information et ayant un contenu alternatif entre <canvas> et </canvas>, ce contenu alternatif est-il correctement restitué par les technologies d’assistance ?
  9. 1.3.9 — Pour chaque image porteuse d’information et ayant une alternative textuelle, l’alternative textuelle est-elle courte et concise (hors cas particuliers) ?

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