Scan gratuit

Corriger « Bouton image sans alternative textuelle » en HTML

Pourquoi c'est un problème

Un <input type="image"> est un bouton d'envoi dessiné par une image. Sans alt, le lecteur d'écran annonce « bouton » ou le nom du fichier : l'utilisateur ne sait pas s'il valide une commande, lance une recherche ou supprime quelque chose.

Comment corriger — HTML

Donnez à l'attribut alt le libellé de l'ACTION, pas la description de l'image : « Rechercher », « Valider la commande ». Mieux encore, remplacez-le par un vrai <button> contenant une image décorative et un texte.

À éviter
<input type="image" src="/img/loupe.svg">
Correct
<!-- alt = l'action, pas le dessin -->
<input type="image" src="/img/loupe.svg" alt="Rechercher">

<!-- Ou, mieux : un vrai bouton -->
<button type="submit">
  <img src="/img/loupe.svg" alt=""> Rechercher
</button>

Vérifiez votre site en 30 secondes

Conformly détecte ce type de problème sur toutes vos pages, en continu, et vous alerte à chaque régression.

Scan gratuit

Autres corrections