Critère 1.1 — Chaque image porteuse d'information a-t-elle une alternative textuelle ?

Ce que demande ce critère

Toute image qui apporte une information — photo produit, schéma, icône signifiante, image-lien, bouton graphique, zone cliquable d’une image à zones — doit posséder une alternative textuelle : l’attribut alt pour une balise img, l’alternative appropriée pour les images générées en CSS, SVG ou canvas. Sans elle, l’information disparaît purement et simplement pour les personnes aveugles et pour les situations où l’image ne charge pas.

Comment le tester

Pour chaque image de la page, posez la question : « si je masque cette image, quelle information manque-t-il ? » Si la réponse est « aucune », l’image est décorative et relève du critère 1.2. Sinon, vérifiez la présence de l’alternative dans le code. L’analyse Adéquo automatise cette détection : les img sans attribut alt remontent en erreur critique.

Comment le corriger

Ajoutez alt="…" avec un texte qui transmet la même information que l’image dans son contexte. Le pas-à-pas complet, CMS par CMS, est dans notre guide Corriger les images sans alternative.

Références

Correspondance WCAG : 1.1.1 (Contenu non textuel), niveau A. Texte officiel du critère : RGAA 4, critère 1.1.

Corriger les erreurs détectées sur ce critère

• Corriger les images sans alternative textuelle

Critère 1.2 →