Gravité : Critique Images et cadres

Images sans alternative textuelle

Une image porteuse d'information sans attribut alt est invisible pour qui n'affiche pas l'image : le contenu est purement et simplement perdu.


Qui est concerné

  • Personnes aveugles ou malvoyantes, dont le lecteur d'écran annonce alors « image » ou le nom du fichier
  • Personnes sur connexion lente, quand l'image ne se charge pas
  • Moteurs de recherche, qui s'appuient aussi sur le texte alternatif

Pourquoi c'est important

L'alternative textuelle est la base de l'accessibilité du web. Sans elle, une photo de produit, un graphique ou un bouton-image ne transmettent aucune information à une personne aveugle. C'est le critère 1.1.1 des WCAG, de niveau A, le plus élémentaire et le plus contrôlé.

Comment le tester vous-même

  1. Désactivez l'affichage des images dans votre navigateur : le sens de la page doit rester compréhensible.
  2. Survolez une image porteuse d'information : l'info-bulle ou l'inspecteur doit montrer un alt pertinent.
  3. Vérifiez que les images purement décoratives portent un alt vide (alt="") pour être ignorées du lecteur d'écran.

Comment corriger

Ajoutez un attribut alt décrivant l'image (ex. alt="Graphique des ventes 2025"). Pour une image purement décorative, mettez un alt vide : alt="".

À éviter
<img src="graphique-ventes.png">
Recommandé
<img src="graphique-ventes.png" alt="Ventes 2025 en hausse de 12 % par rapport à 2024">

<!-- Image purement décorative : alternative vide -->
<img src="separateur.png" alt="">

Critères de référence

WCAG 2.1
  • 1.1.1 : Contenu non textuel (niveau A)
RGAA 4.1 Thème 1 : Images

Plainpied détecte ce défaut automatiquement et le localise page par page. La conformité totale combine détection automatique et vérifications humaines : voir notre méthode.

Ce défaut est-il présent sur votre site ?

Scan gratuit, score et corrections en dix minutes, sans compte.

Lancer un audit gratuit