Scan gratuit

Corriger « Liste déroulante sans intitulé » en HTML

Pourquoi c'est un problème

Un lecteur d'écran annonce « liste déroulante » sans dire ce qu'elle règle. Sur un formulaire de commande, l'utilisateur ne sait pas s'il choisit une taille, une couleur ou un pays de livraison. Le placeholder de la première option ne remplit pas ce rôle : il disparaît dès qu'une valeur est choisie.

Comment corriger — HTML

Associez un <label> à la liste par son attribut for, pointant l'id du <select>. Si le libellé ne peut pas être visible, utilisez aria-label — mais un libellé visible profite à tout le monde.

À éviter
<select name="pays">
  <option value="">Choisir…</option>
  <option value="fr">France</option>
</select>
Correct
<label for="pays">Pays de livraison</label>
<select id="pays" name="pays">
  <option value="">Choisir…</option>
  <option value="fr">France</option>
</select>

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