Técnica Técnicas generales WCAG 2.2
G184Explicar al principio del formulario el formato de los datos
Nombre oficial en el W3C: Proporcionar instrucciones de texto al principio de un formulario o de un conjunto de campos que describan los datos necesarios
En pocas palabras
Antes de los campos, el formulario explica cómo hay que escribir los datos que tienen un formato fijo. Por ejemplo, las fechas como dd/mm/aaaa o el teléfono solo con números. Va bien en formularios cortos o cuando muchos campos piden el mismo formato.
Por qué es importante
Si el usuario no sabe qué formato se espera, comete errores y tiene que corregirlos después. Esto cansa a todo el mundo y bloquea a muchas personas con discapacidad intelectual o con problemas de memoria.
Quien usa un lector de pantalla (programa que lee en voz alta la pantalla) oye las instrucciones antes de llegar a los campos. Así puede rellenarlos bien a la primera.
Cómo se hace
- Localice los campos que solo aceptan un formato: fechas, teléfonos, DNI, códigos postales o importes.
- Escriba al principio del formulario, antes del primer campo, una explicación breve del formato.
- Ponga ejemplos concretos: «Escriba las fechas así: 25/03/2026».
- Indique también otras normas generales, como qué campos son obligatorios y cómo se marcan.
- Si el formulario es largo o cada campo tiene un formato distinto, repita la indicación junto a cada campo.
Cómo comprobarlo
- Localice los campos que solo aceptan un formato concreto.
- Compruebe que al principio del formulario hay instrucciones sobre el formato de cada uno de ellos.
- Recorra el formulario con un lector de pantalla y compruebe que las instrucciones se leen antes de llegar a los campos.
Ejemplo
Las instrucciones de formato aparecen antes de los campos del formulario de cita previa.
<form>
<p>Escriba las fechas con el formato dd/mm/aaaa (por ejemplo, 25/03/2026).
El teléfono solo puede llevar números, sin espacios.
Los campos con * son obligatorios.</p>
<label for="fecha">Fecha preferida *</label>
<input id="fecha" name="fecha" required>
<label for="tel">Teléfono *</label>
<input id="tel" name="tel" type="tel" required>
</form>Ver el texto completo del W3C (traducción al español)
Esta es una traducción no oficial al español de la técnica G184 de Techniques for WCAG 2.2, del W3C. Puede contener errores. El único documento oficial y normativo es la versión original en inglés, publicada en el sitio web del W3C.
Aplicabilidad
Todas las tecnologías.
Descripción
El objetivo de esta técnica es ayudar al usuario a evitar errores de entrada informándole de antemano sobre las restricciones en el formato de los datos que debe introducir. Las instrucciones sobre dichas restricciones se proporcionan al principio del formulario. Esta técnica funciona mejor en formularios que tienen un número reducido de campos o en aquellos en los que muchos campos requieren datos con el mismo formato. En esos casos, resulta más eficaz describir el formato una sola vez en las instrucciones del principio del formulario que repetir la misma información en cada campo que tenga el mismo requisito de formato.
Ejemplos
Un sitio de contactos profesionales permite a los usuarios publicar descripciones de los puestos de trabajo que han ocupado. El formulario para recoger la información incluye campos para el nombre de la empresa, el cargo, las fechas de inicio y fin y la descripción del puesto. Al principio del formulario aparecen las siguientes instrucciones:
- Introduzca la información solicitada sobre el puesto que desea añadir a su perfil. Las fechas deben introducirse en formato mm/dd/aaaa."
Un directorio corporativo permite a los usuarios personalizar información como el número de teléfono y las responsabilidades del puesto editando su perfil. Al principio del formulario aparecen las siguientes instrucciones:
- Puede modificar la información de cualquier campo. Cuando seleccione Finalizar, los cambios se guardarán y tendrá la posibilidad de publicar su perfil. Si decide que no quiere conservar los cambios, seleccione el botón Cancelar.
- No puede editar la información que se muestra como texto del sistema en su perfil (es decir, la que no está contenida en un campo). Esa información se ha obtenido del sistema de información de recursos humanos de la empresa. Si encuentra algún dato incorrecto o desactualizado que no puede editar, seleccione el icono de ayuda situado junto a la información para saber cómo corregirlo.
- Los números de teléfono solo pueden contener cifras y guiones (-).
- Los campos obligatorios están marcados con un asterisco (*) y deben rellenarse para completar el formulario.
Pruebas
Procedimiento
- Identificar los controles de formulario que solo aceptan datos introducidos por el usuario en un formato determinado.
- Determinar si al principio del formulario se proporcionan instrucciones sobre el formato esperado en cada uno de los controles de formulario identificados en el paso 1.
Resultados esperados
- La comprobación n.º 2 es verdadera.
Cómo lo comprobamos en ADDAW
En cada auditoría de ADDAW revisamos esta técnica página a página y le entregamos los errores con capturas y la forma de corregirlos.
Basado en la técnica G184 del W3C (WCAG 2.2). Explicación y ejemplos: ADDAW. Traducción no oficial del texto del W3C © W3C, licencia de documentos del W3C. ¿Ha visto un error? Escríbanos.