Critère RGAA 1.9 · Images
Critère RGAA 1.9 : Images légendées correctement associées
Les images doivent transmettre la même information à tous les utilisateurs, y compris lorsqu’elles sont vocalisées par une technologie d’assistance.
Comprendre le critère
Le critère RGAA 1.9 porte sur la restitution des images et de leurs informations textuelles. L’objectif est de vérifier que cette information ou cette fonctionnalité reste disponible dans le code, pas seulement dans le rendu visuel.
Pendant l’audit, il faut distinguer les images informatives, décoratives, complexes, légendées ou utilisées comme boutons, car elles n’appellent pas la même correction.
Pourquoi c'est important ?
Sans alternative adaptée, une information visuelle peut disparaître complètement pour une personne aveugle, malvoyante ou utilisant une synthèse vocale.
Une erreur sur "Images légendées correctement associées" peut créer une rupture très concrète : contenu non annoncé, action impossible au clavier, information ambiguë ou parcours incompréhensible pour une technologie d’assistance.
Exemple non conforme
L’image est traitée de manière générique, sans tenir compte de son rôle réel dans la page.
<img src="schema.png" alt="image">Exemple conforme
L’alternative ou la description donne l’information utile sans répéter inutilement le visuel.
<img src="schema.png" alt="Parcours d’audit : analyse, correction, validation">Comment vérifier ce critère ?
- Identifier toutes les occurrences concernées par "Images légendées correctement associées" sur la page auditée.
- Déterminer le rôle de chaque image : informative, décorative, complexe, image-lien, image de texte ou CAPTCHA.
- Comparer l’alternative restituée avec l’information réellement portée par l’image.
- Vérifier au lecteur d’écran que les images décoratives sont ignorées et que les images utiles sont compréhensibles.
Erreurs fréquentes
- Mettre un alt générique comme "image" ou "photo".
- Décrire une image décorative au lieu de la masquer.
- Oublier les images utilisées comme liens ou boutons.
- Fournir une description longue qui ne contient pas les données importantes.
Questions fréquentes
Ce critère peut-il être testé automatiquement ?
Partiellement. Un outil peut détecter un alt absent, mais pas garantir que l’alternative est pertinente.
Quel est le premier réflexe pour corriger "Images légendées correctement associées" ?
Revenir au besoin utilisateur, puis utiliser le HTML natif le plus approprié avant d’ajouter ARIA, CSS ou JavaScript.
Quand considérer le critère comme non applicable ?
Uniquement lorsque la page ne contient aucun contenu, composant ou cas visé par le critère. Cette décision doit être justifiée dans la grille d’audit.
Tester ce critère avec AllyNizer
Lancez une analyse de page pour repérer les erreurs automatiques, puis complétez avec les vérifications manuelles proposées dans cette fiche.