Alternatives textuelles
Les images ont besoin d’une alternative textuelle
- Règle:
image-alt - Gravité: Critique
- Niveau WCAG A
Pourquoi c’est important
Sans attribut alt, un lecteur d’écran se rabat sur le nom du fichier : « hero-2024-final-v3.jpg ». Ce que l’image communiquait est perdu.
Comment corriger
- Décrivez ce que l’image apporte dans ce contexte, pas ce qu’elle représente en général.
- Donnez alt="" aux images décoratives pour qu’elles soient ignorées plutôt qu’annoncées.
- Quand l’image est dans un lien, l’alternative doit dire où mène ce lien.
- Ne commencez pas par « Image de » : le rôle est déjà annoncé.
Dans le balisage
<img src="team.jpg"><img src="team.jpg" alt="The support team in the Berlin office">
<img src="divider.svg" alt="">Ce que le contrôle ne peut pas juger
Le contrôle voit si alt existe, pas s’il est utile. « image1 », « photo » et un nom de fichier recopié le réussissent tous, et échouent tous auprès du lecteur.
L’exigence sous-jacente
Cette règle est une manière d’échouer aux critères de succès WCAG 2.2 suivants. Le W3C, qui rédige la norme, explique chacun d’eux :
- 1.1.1 Contenu non textuel (s’ouvre dans un nouvel onglet) — Niveau WCAG A
Pour aller plus loin
Deque University sur image-alt (s’ouvre dans un nouvel onglet)
Deque développe axe-core, le moteur open source utilisé par notre scanner. Sa page documente la règle telle que le moteur l’implémente.
Les contrôles automatiques trouvent les défaillances qu’un navigateur peut prouver. Ils ne peuvent pas juger si un sous-titrage est fidèle, si une alternative textuelle est utile, ni si une page s’utilise de bout en bout au clavier : cela demande une personne.