Le problème
« Image », un nom de fichier ou des mots clés n’expliquent pas le visuel. Dans un lien image, nommez la destination plutôt que la forme de l’icône.
Exemple : mauvais et correct
Mauvais
<a href="/contact">
<img src="enveloppe.svg" alt="Icône enveloppe">
</a>Correct
<a href="/contact">
<img src="enveloppe.svg" alt="Contacter le cabinet">
</a>L’image seule nomme le lien : l’alternative décrit sa destination. Les adresses et fichiers sont fictifs.
RGAA concerné
Les critères dépendent de l’élément, de son usage et des cas particuliers applicables. Voici les contrôles à examiner pour ce sujet.
- Critère 1.1 — Fournir l’alternative des images informatives.
- Critère 1.2 — Donner une alternative vide aux décorations concernées.
- Critère 1.3 — Vérifier la pertinence dans le contexte.
- Critère 6.1 — Expliciter la destination d’un lien image.
Impact utilisateur
Le lecteur d’écran utilise l’alternative pour restituer l’image ou nommer son lien. Un texte vague fait deviner ; les répétitions ralentissent le parcours.
Correction
- Identifiez l’information qui manque sans l’image. Rédigez-la avec les termes de la page.
- Pour une image seule dans une commande, nommez l’action ou la destination. Si le texte du même lien fournit ce nom, l’image redondante peut recevoir alt="".
- Le RGAA n’impose aucune limite universelle de 125 caractères. Pour un graphique, une description détaillée associée convient généralement mieux qu’un alt très long.
Méthode de test
- Inspectez chaque img : vérifiez alt et distinguez une valeur vide volontaire d’une alternative oubliée.
- Lisez l’alternative avec le contexte nécessaire : elle doit expliquer la fonction ou l’information.
- Au lecteur d’écran, vérifiez que le lien image a un nom compréhensible et que les décorations ne sont pas annoncées.
Points de vigilance
- L’absence d’alt peut provoquer l’annonce du fichier ; elle n’équivaut pas à alt="".
- Évitez « image de » et les mots clés inutiles à la compréhension.
Sources officielles
Le RGAA fournit les critères de contrôle. Les ressources du W3C et du WHATWG complètent les méthodes de mise en œuvre ; elles ne remplacent pas les tests RGAA.