Critère 1.2 — Chaque image de décoration est-elle correctement ignorée ?

Ce que demande ce critère

Une image purement décorative — motif, séparateur, illustration d’ambiance sans contenu informatif — ne doit transmettre aucune verbosité aux technologies d’assistance : alt="" (vide, mais présent) pour une img, aria-hidden="true" pour un SVG décoratif, absence d’alternative pour une image CSS. Un lecteur d’écran qui annonce « image : coin arrondi bleu » vingt fois par page rend la lecture épuisante.

Comment le tester

Identifiez les images sans fonction informative, puis vérifiez dans le code qu’elles sont neutralisées. Attention au piège inverse : une image décorative avec alt="décoration" ou alt="image" échoue au critère — c’est du bruit.

Comment le corriger

alt="" — deux guillemets, rien entre. Ne supprimez jamais l’attribut : sans alt, certains lecteurs d’écran lisent le nom du fichier, ce qui est pire. Pour les SVG inline décoratifs, ajoutez aria-hidden="true" et focusable="false".

Références

Correspondance WCAG : 1.1.1, niveau A. Texte officiel : RGAA 4, critère 1.2.

← Critère 1.1 · Critère 1.3 →