G89Indicar el formato que deben tener los datos de un campo

Por qué es importante

Si el formulario no avisa del formato, la persona lo tiene que adivinar. Muchas veces se equivoca y solo lo descubre al enviar.

• Las personas con discapacidad intelectual o con problemas de memoria lo pasan especialmente mal con esos errores.
• Quien usa un lector de pantalla (programa que lee en voz alta la pantalla) no ve pistas visuales como un recuadro gris de ejemplo.
• Un formato ambiguo, como las fechas, se interpreta distinto según el país de cada persona.

Cómo se hace

1. Localice los campos que rechazan datos si no tienen una forma concreta: fechas, horas, DNI, IBAN, códigos postales, teléfonos.
2. Escriba el formato en la etiqueta o en un texto de ayuda junto al campo. Por ejemplo: «Fecha de nacimiento (dd/mm/aaaa)».
3. Si ayuda, añada un ejemplo real: «Ejemplo: 12345678Z».
4. Coloque esa indicación antes del campo o pegada a él. No la deje solo en el texto de marcador (placeholder), porque desaparece al escribir.
5. Relacione la ayuda con el campo para que el lector de pantalla la lea, por ejemplo con aria-describedby.
6. Si es posible, acepte varias formas válidas (con guiones, barras o espacios) en lugar de exigir solo una.

Cómo comprobarlo

1. Recorra el formulario y anote los campos que solo admiten un formato determinado.
2. Compruebe que cada uno indica ese formato de forma visible, en la etiqueta o junto al campo.
3. Escriba en el campo y confirme que la indicación sigue a la vista.
4. Con un lector de pantalla, llegue al campo con el tabulador. Debe oír también el formato esperado.

Ejemplo

Campo de fecha de un formulario de cita previa con el formato en la etiqueta.

<label for="fecha">Fecha de la cita (dd/mm/aaaa)</label>
<input type="text" id="fecha" name="fecha">