Ce que dit la norme
Tout contenu non textuel présenté à l'utilisateur a un équivalent textuel qui remplit une fonction équivalente, sauf dans les situations énumérées ci-dessous.
Pourquoi c'est important
Un lecteur d'écran ne sait lire que du texte. Une image sans alternative, c'est du silence ; un bouton en icône sans nom, c'est le mot « bouton » et rien d'autre.
À quoi ressemble un échec
- échoueUne photo de produit avec `alt=""` alors que la photo est la seule chose qui nomme le produit.
- échoueUn bouton en icône sans `aria-label`, annoncé comme « bouton ».
- échoueUn graphique livré en PNG avec `alt="graphique"` et aucun tableau de données nulle part.
- échoueDes ornements décoratifs pourvus d'une alternative descriptive, si bien que la personne entend du bruit.
Comment corriger
- à faireÉcrivez l'alternative comme vous liriez la page à quelqu'un au téléphone.
- à faireDonnez `alt=""` aux images purement décoratives — vide, pas absent — pour que les technologies d'assistance les sautent.
- à fairePour les boutons en icône, un `aria-label` qui nomme l'action, pas l'icône : « Supprimer le brouillon », pas « corbeille ».
- à fairePour les graphiques, rendez les chiffres accessibles quelque part — un tableau, une phrase de synthèse, un téléchargement.
Comment A11ySignal le vérifie
7 vérifications automatiques s'exécutent sur ce critère à chaque analyse.
critiqueimage-altLes images doivent avoir une alternative textuelle
critiqueinput-image-altLes boutons images doivent avoir une alternative textuelle
gravearia-meter-nameLes nœuds ARIA "meter" doivent avoir un nom accessible
gravearia-progressbar-nameLes nœuds ARIA "progressbar" doivent avoir un nom accessible
graverole-img-altLes éléments avec [role='img'] ont une équivalence textuelle
gravesvg-img-altLes éléments svg avec un rôle 'img' ont un texte alternatif
Ce qu'un outil ne peut pas vous dire
Un analyseur voit qu'une alternative existe. Il ne peut pas savoir si « image123.jpg » décrit l'image : la formulation vous revient.