El placeholder hace de etiqueta
WCAG 3.3.2 (A) · EN 301 549 9.3.3.2
Hay campos cuyo único nombre accesible viene del atributo placeholder.
Por qué importa
El texto del placeholder desaparece en cuanto la persona empieza a escribir. Quien se distrae a mitad de un formulario ya no puede saber qué iba en ese campo, y quien tiene dificultades de memoria o atención se queda sin referencia. Además su contraste suele ser bajísimo por diseño.
Cómo se arregla
Añade un <label> visible. Puedes mantener el placeholder como ejemplo del formato («ej. 28001»), pero nunca como sustituto del nombre del campo.
<input type="text" name="cp" placeholder="Código postal"><label for="cp">Código postal</label>
<input type="text" id="cp" name="cp"
placeholder="ej. 28001" autocomplete="postal-code">Relacionado
- Campos de formulario sin etiqueta
- Grupo de opciones sin título de grupo
- Campo obligatorio solo indicado visualmente
¿Tu tienda tiene este fallo?
Compruébalo gratis, junto con las otras 54 reglas. Sin registro.