Alternatives textuelles
Les boutons image ont besoin d’une alternative textuelle
- Règle:
input-image-alt - Gravité: Critique
- Niveau WCAG A
Pourquoi c’est important
<input type="image"> est un bouton d’envoi dessiné sous forme d’image. Sans alt, on demande à la personne de soumettre un formulaire en appuyant sur quelque chose qui n’a pas de nom.
Comment corriger
- Ajoutez un alt décrivant ce que fait le bouton, pas ce que montre l’image.
- Alignez la formulation sur l’action (« Rechercher », pas « Loupe »).
Dans le balisage
<input type="image" src="search.png"><input type="image" src="search.png" alt="Search">L’exigence sous-jacente
Cette règle est une manière d’échouer aux critères de succès WCAG 2.2 suivants. Le W3C, qui rédige la norme, explique chacun d’eux :
- 1.1.1 Contenu non textuel (s’ouvre dans un nouvel onglet) — Niveau WCAG A
- 4.1.2 Nom, rôle et valeur (s’ouvre dans un nouvel onglet) — Niveau WCAG A
Pour aller plus loin
Deque University sur input-image-alt (s’ouvre dans un nouvel onglet)
Deque développe axe-core, le moteur open source utilisé par notre scanner. Sa page documente la règle telle que le moteur l’implémente.
Les contrôles automatiques trouvent les défaillances qu’un navigateur peut prouver. Ils ne peuvent pas juger si un sous-titrage est fidèle, si une alternative textuelle est utile, ni si une page s’utilise de bout en bout au clavier : cela demande une personne.