Escaneo gratis

Corregir «Lista desplegable sin nombre accesible» en HTML

Por qué es un problema

Un lector de pantalla anuncia «lista desplegable» sin decir qué controla. En un formulario de compra, no se sabe si se elige una talla, un color o un país de envío.

Cómo corregirlo — HTML

Asocie una <label> mediante su atributo for, apuntando al id del <select>. Si la etiqueta no puede ser visible, use aria-label.

Evitar
<select name="pays">
  <option value="">Choisir…</option>
  <option value="fr">France</option>
</select>
Correcto
<label for="pays">Pays de livraison</label>
<select id="pays" name="pays">
  <option value="">Choisir…</option>
  <option value="fr">France</option>
</select>

Compruebe su sitio en 30 segundos

Conformly detecta este tipo de problema en todas sus páginas, de forma continua, y le avisa en cada regresión.

Escaneo gratis

Otras correcciones