input-image-alt-present
<input type="image"> doit avoir un attribut alt
Vérifie que les éléments <input type="image"> fournissent un attribut alt pour permettre un mécanisme d’alternative textuelle.
Applicabilité. S’applique aux éléments <input type="image"> inclus dans l’arbre d’accessibilité.
Attendu. Chaque élément <input type="image"> concerné a un nom accessible non vide issu d’aria-labelledby, aria-label, alt ou title. Un nom vide échoue, que alt soit absent ou vide (alt=""). Un nom fourni par l’auteur égal à une valeur par défaut du navigateur pour un bouton image (« Submit », « Submit Query ») n’est pas un nom vide : il peut décrire le bouton, il est donc signalé comme cantTell pour qu’une personne en juge.
Exemples
<input type="image" src="search.png" alt="Search">
Un alt non vide nomme le bouton image.
<input type="image" src="search.png">
Aucun attribut alt.
Comment vérifier
Quand cette règle ne peut pas trancher, elle renvoie cantTell et laisse la question à une personne. Chaque question qu’elle peut poser figure ici sous son code de raison, avec les étapes pour y répondre. Un constat porte les mêmes étapes dans howToCheck, dans la langue de l’analyse. Voir Schéma de sortie.
default_name
- Repérez le bouton image indiqué par le rapport et lisez le nom que donne le rapport (« Submit » ou « Submit Query »).
- Regardez son image et déterminez ce que fait le bouton, par exemple d’après ce qui se passe quand on l’active.
- Décidez si le nom dit ce que fait le bouton.
Réussite. Le nom dit ce que fait le bouton, comme « Submit » sur un bouton qui envoie un formulaire.
Échec. Le nom ne dit pas ce que fait le bouton (comme « Submit Query » sur un bouton de recherche), ce qui ne respecte pas le critère WCAG 1.1.1.