Critère 1.3
Pour chaque image porteuse d’information ayant une alternative textuelle, cette alternative est-elle pertinente (hors cas particuliers) ?
Comprendre
Le texte de remplacement doit décrire la fonction ou le contenu de l’image, pas son apparence ni son nom de fichier.
Ce critère s’applique lorsque la page contient : images, images vectorielles, images réactives, boutons image, contenus embarqués (object, embed), images bitmap (canvas).
Ce que vérifie Agence RGAA
Notre moteur détecte automatiquement des anomalies, mais une personne doit confirmer la pertinence avant de conclure.
Nous détectons automatiquement :
- alternatives qui répètent le texte voisin
Un résultat automatique n’est jamais un audit : seul un contrôle humain (en interne ou par un auditeur RGAA) permet de conclure.
Exemple de correction
<img src="graphique-ventes.png"
alt="Ventes en hausse de 20 % entre janvier et juin 2025"><a href="/piscine">
<img src="piscine.jpg" alt="">
Piscine municipale
</a>Voir un exemple à éviter
<img src="graphique-ventes.png" alt="image">
<a href="/piscine">
<img src="piscine.jpg" alt="Piscine municipale"> Piscine municipale
</a>- Ne commencez pas par « image de » ou « photo de » : le lecteur d’écran l’annonce déjà.
- Lisez l’alternative sans regarder l’image : transmet-elle la même information ?
- Si l’image répète le texte voisin, laissez son alt vide.
Patron de référence à adapter à votre contexte : il ne vaut pas validation du critère.
Tests officiels
Test 1.3.1
Chaque image (balise
<img>ou balise possédant l’attribut WAI-ARIArole="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’attributaltest pertinent ; S’il est présent, le contenu de l’attributtitleest pertinent ; S’il est présent, le contenu de l’attribut WAI-ARIAaria-labelest pertinent ; S’il est présent, le passage de texte associé via l’attribut WAI-ARIAaria-labelledbyest pertinent.Méthodologie de test
- Retrouver dans le document les images structurées au moyen d’un élément
<img>(ou d’un élément possédant l’attribut WAI-ARIArole="img") pourvues d’une alternative textuelle ; - Pour chaque image, vérifier que l’alternative textuelle est pertinente ;
- Si c’est le cas pour chaque image, le test est validé.
- Retrouver dans le document les images structurées au moyen d’un élément
Test 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’attributaltest pertinent ; S’il est présent, le contenu de l’attributtitleest pertinent ; S’il est présent, le contenu de l’attribut WAI-ARIAaria-labelest pertinent ; S’il est présent, le passage de texte associé via l’attribut WAI-ARIAaria-labelledbyest pertinent.Méthodologie de test
- Retrouver dans le document les éléments
<area>pourvus d’une alternative textuelle ; - Pour chaque élément
<area>, vérifier que l’alternative textuelle est pertinente ; - Si c’est le cas pour chaque image, le test est validé.
- Retrouver dans le document les éléments
Test 1.3.3
Pour chaque bouton de type
image(balise<input>avec l’attributtype="image"), ayant une alternative textuelle, cette alternative est-elle pertinente (hors cas particuliers) ? S’il est présent, le contenu de l’attributaltest pertinent ; S’il est présent, le contenu de l’attributtitleest pertinent ; S’il est présent, le contenu de l’attribut WAI-ARIAaria-labelest pertinent ; S’il est présent, le passage de texte associé via l’attribut WAI-ARIAaria-labelledbyest pertinent.Méthodologie de test
- Retrouver dans le document les éléments
<input>pourvus de l’attributtype="image"et d’une alternative textuelle ; - Pour chaque élément
<input>pourvu de l’attributtype="image", vérifier que l’alternative textuelle est pertinente ; - Si c’est le cas pour chaque image, le test est validé.
- Retrouver dans le document les éléments
Test 1.3.4
Pour chaque image objet (balise
<object>avec l’attributtype="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’attributtitleest pertinent ; S’il est présent, le contenu de l’attribut WAI-ARIAaria-labelest pertinent ; S’il est présent, le passage de texte associé via l’attribut WAI-ARIAaria-labelledbyest pertinent ; S’il est présent le contenu alternatif est pertinent.Méthodologie de test
- Retrouver dans le document les éléments
<object>pourvus de l’attributtype="image/…"et d’une alternative textuelle ; - Pour chaque élément
<object>pourvu de l’attributtype="image/…", vérifier que l’alternative textuelle est pertinente ; - Si c’est le cas pour chaque image, le test est validé.
- Retrouver dans le document les éléments
Test 1.3.5
Pour chaque image embarquée (balise
<embed>avec l’attributtype="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’attributtitleest pertinent ; S’il est présent, le contenu de l’attribut WAI-ARIAaria-labelest pertinent ; S’il est présent, le passage de texte associé via l’attribut WAI-ARIAaria-labelledbyest pertinent ; S’il est présent le contenu alternatif est pertinent.Méthodologie de test
- Retrouver dans le document les éléments
<embed>pourvus de l’attributtype="image/…"et d’une alternative textuelle ; - Pour chaque élément
<embed>pourvu de l’attributtype="image/…", vérifier que l’alternative textuelle est pertinente ; - Si c’est le cas pour chaque image, le test est validé.
- Retrouver dans le document les éléments
Test 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-ARIAaria-labelest pertinent ; S’il est présent, le passage de texte associé via l’attribut WAI-ARIAaria-labelledbyest pertinent.Méthodologie de test
- Retrouver dans le document les éléments
<svg>pourvus d’une alternative textuelle ; - Pour chaque élément
<svg>, vérifier que l’alternative textuelle est pertinente ; - Si c’est le cas pour chaque image, le test est validé.
- Retrouver dans le document les éléments
Test 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’attributtitleest pertinent ; S’il est présent, le contenu de l’attribut WAI-ARIAaria-labelest pertinent ; S’il est présent, le passage de texte associé via l’attribut WAI-ARIAaria-labelledbyest pertinent ; S’il est présent le contenu alternatif est pertinent.Méthodologie de test
- Retrouver dans le document les éléments
<canvas>pourvus d’une alternative textuelle ; - Pour chaque élément
<canvas>, vérifier que l’alternative textuelle est pertinente ; - Si c’est le cas pour chaque image, le test est validé.
- Retrouver dans le document les éléments
Test 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 ?Méthodologie de test
- Retrouver dans le document les éléments
<canvas>pourvus d’un contenu alternatif entre les balises<canvas>et</canvas>; - Pour chaque élément
<canvas>, vérifier que le contenu alternatif est correctement restitué par les technologies d’assistance ; - Si c’est le cas pour chaque image, le test est validé.
- Retrouver dans le document les éléments
Test 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) ?
Méthodologie de test
- Retrouver dans le document les images pourvues d’une alternative textuelle ;
- Pour chaque image, vérifier l’alternative textuelle est courte et concise ;
- 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.