Souvent critique2 min de lecture
Décrivez les images porteuses de sens
Donnez aux images une courte alternative textuelle quand elles transmettent une information ou servent à une action.
Pourquoi c’est important
Les personnes qui ne voient pas une image ont besoin d’une alternative textuelle pour comprendre le même message, la même destination ou la même fonction.
Comment corriger
Décrivez ce que l’image apporte dans ce contexte précis.
Restez bref et évitez de commencer par « image de ».
Utilisez un attribut alt vide quand l’image est purement décorative.
Exemple
<img src="/team/samira.jpg" />
<img src="/team/samira.jpg" alt="Samira, responsable du service client" />
Comment vérifier votre correction
Vérifiez à nouveau votre page avec ibin. Le problème disparaît de votre rapport dès que tous les endroits sont corrigés. Essayez ensuite vous-même, comme le ferait un visiteur.
- Vérifiez à nouveau la page et assurez-vous que le problème n’apparaît plus dans votre rapport.
- Essayez vous-même la partie corrigée : à la souris, uniquement au clavier et en zoomant.
- Si possible, demandez à une personne qui utilise un lecteur d’écran de l’essayer aussi.
Pour votre développeur
Normes: WCAG 1.1.1 (A)
image-alt · Informations de fond (en anglais)
Également disponible en English, Nederlands, Deutsch