Saltar al contenido
Pon el foco
Criterios de Comprensible

ComprensiblePauta 3.3 Ayuda a la entrada

3.3.2Etiquetas o instrucciones

Nivel ALo exige la normativa (EN 301 549).

Qué pide

Los campos tienen etiquetas o instrucciones claras.

A quién ayuda: Todas las personas, especialmente con discapacidad cognitiva o visual.

Un caso real

Un campo de fecha de nacimiento.

BienEtiqueta visible «Fecha de nacimiento (dd/mm/aaaa)».
MalSolo un placeholder que desaparece al escribir.

Cómo aplicarlo en código

Etiqueta visible e instrucciones de formato

El placeholder no sustituye a la etiqueta: desaparece al escribir y suele tener poco contraste.

CorrectoHTML
<label for="nacimiento">Fecha de nacimiento (obligatorio)</label>
<p id="nacimiento-formato">Formato: dd/mm/aaaa. Por ejemplo, 23/04/1990.</p>
<input id="nacimiento" required aria-describedby="nacimiento-formato" autocomplete="bday">
IncorrectoHTML
<input placeholder="Fecha">

Cómo comprobarlo

Revisa que cada campo tiene etiqueta visible y formato indicado.

Understanding 3.3.2 (W3C, en inglés)