ibin
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

  1. Décrivez ce que l’image apporte dans ce contexte précis.

  2. Restez bref et évitez de commencer par « image de ».

  3. Utilisez un attribut alt vide quand l’image est purement décorative.

Exemple

Avant
<img src="/team/samira.jpg" />
Après
<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