Tapez pour filtrer les résultats. Utilisez les touches fléchées pour naviguer dans la liste.
Scénario 2 / 8
Texte alternatif des images
L'attribut alt contrôle ce que le lecteur d'écran annonce pour une image. Absent, vide ou renseigné : chaque cas correspond à une intention différente.
Les trois états de l'attribut alt
HTML
<img src="equipe.jpg">
Rendu visuel
Simulation lecteur d'écran
Cette simulation est une approximation pédagogique. Elle ne reproduit pas le comportement exact de NVDA, JAWS ou VoiceOver. Pour tester réellement, installez NVDA (gratuit, Windows).
Sans attribut alt, le lecteur d'écran annonce le nom du fichier image. L'utilisateur reçoit une information inutilisable.
HTML
<img src="equipe.jpg" alt="">
Rendu visuel
Simulation lecteur d'écran
Cette simulation est une approximation pédagogique. Elle ne reproduit pas le comportement exact de NVDA, JAWS ou VoiceOver. Pour tester réellement, installez NVDA (gratuit, Windows).
alt="" signale une image décorative. Le lecteur d'écran l'ignore complètement. C'est le comportement attendu pour les images qui n'apportent pas d'information au contenu.
HTML
<img src="equipe.jpg" alt="L'équipe de direction lors de la réunion annuelle 2024">
Rendu visuel
Simulation lecteur d'écran
Cette simulation est une approximation pédagogique. Elle ne reproduit pas le comportement exact de NVDA, JAWS ou VoiceOver. Pour tester réellement, installez NVDA (gratuit, Windows).
Un alt descriptif transmet l'information que l'image véhicule. Le lecteur d'écran annonce le rôle (Image) suivi du texte alternatif.
Simulation lecteur d'écran
Cette simulation est une approximation pédagogique. Elle ne reproduit pas le comportement exact de NVDA, JAWS ou VoiceOver. Pour tester réellement, installez NVDA (gratuit, Windows).
L'attribut alt contrôle ce que le lecteur d'écran annonce pour chaque image. Les trois états produisent des comportements distincts : chacun correspond à une intention différente et à un comportement différent.
Newsletter
La lettre de l'Atelier A11Y
Ressources pédagogiques, critères RGAA commentés et retours de terrain :
une lettre mensuelle pour progresser sur l'accessibilité numérique,
sans jargon.
✓
Nouveaux articles et ressources pédagogiques
✓
Critères RGAA décortiqués avec des exemples concrets
✓
Bonnes pratiques et retours d'expérience terrain