Test 1.4.1 — Images décoratives correctement ignorées
Erreurs à trouver : 2 • Cas conformes : 2
Image décorative avec alt non vide (erreur) NON CONFORME
Attendu : Doit être signalée : les images purement décoratives doivent avoir alt vide et éventuellement role='presentation'.
Extrait de code
<img src="assets/ornement.svg" alt="ornement décoratif">
Astuce audit : utiliser lecteur d’écran ou inspection DOM pour vérifier alt/ARIA.
Image décorative correctement masquée (conforme) CONFORME
Attendu : Conforme : pas de bruit pour les technologies d’assistance.
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.
Image décorative visible pour les lecteurs d’écran via aria-label (erreur) NON CONFORME
Attendu : Doit être signalée : aria-label réintroduit une annonce inutile.
Extrait de code
<img src="assets/ornement.svg" alt="" aria-label="ornement">
Astuce audit : utiliser lecteur d’écran ou inspection DOM pour vérifier alt/ARIA.
Image décorative via background CSS (conforme) CONFORME
Attendu : Conforme si l’élément décoratif reste caché (aria-hidden) et ne porte pas d’information.
Extrait de code
<div class="hero" role="img" aria-hidden="true" style="background-image:url(assets/ornement.svg)"></div>
Astuce audit : utiliser lecteur d’écran ou inspection DOM pour vérifier alt/ARIA.