Test 1.1.1 — Alternative textuelle manquante
Erreurs à trouver : 3 • Cas conformes : 3
Image informative sans attribut alt (erreur) NON CONFORME
Attendu : Doit être signalée : alt manquant sur image informative.
Extrait de code
<img src="assets/ex-prod.jpg">
Astuce audit : utiliser lecteur d’écran ou inspection DOM pour vérifier alt/ARIA.
Image informative avec alt approprié (conforme) CONFORME
Attendu : Doit être considérée conforme : alt present et informatif.
Extrait de code
<img src="assets/ex-prod.jpg" alt="Chaise de bureau ergonomique, modèle Aero, noire">
Astuce audit : utiliser lecteur d’écran ou inspection DOM pour vérifier alt/ARIA.
Lien image sans alt (erreur) NON CONFORME
Attendu : Doit être signalée : alt obligatoire sur une image cliquable.
Extrait de code
<a href="fiche.html"><img src="assets/ex-prod.jpg"></a>
Astuce audit : utiliser lecteur d’écran ou inspection DOM pour vérifier alt/ARIA.
Bouton image avec alt (conforme) CONFORME
Attendu : Conforme : fonction du contrôle restituée par l’alternative.
Extrait de code
<button type="button"><img src="assets/icon-save.svg" alt="Enregistrer"></button>
Astuce audit : utiliser lecteur d’écran ou inspection DOM pour vérifier alt/ARIA.
Image informative avec alt vide (erreur) NON CONFORME
Attendu : Doit être signalée : alt vide alors que l’image porte une information.
Extrait de code
<img src="assets/graphique-ventes.png" alt="">
Astuce audit : utiliser lecteur d’écran ou inspection DOM pour vérifier alt/ARIA.
Image décorative avec alt vide (conforme) CONFORME
Attendu : Conforme : image décorative correctement ignorée.
Extrait de code
<img src="assets/ornement.svg" alt="" role="presentation">
Astuce audit : utiliser lecteur d’écran ou inspection DOM pour vérifier alt/ARIA.