Un formulario minimalista puede mostrar nombre y correo dentro de cajas vacías, pero esas palabras desaparecen al comenzar a escribir. Si la persona vuelve para revisar, puede no recordar qué dato corresponde a cada campo. Para quienes utilizan lectores de pantalla, además importa que el control tenga un nombre asociado correctamente. Las etiquetas no son un adorno que se pueda sustituir sin pensar en el comportamiento. En una solicitud de presupuesto, deben ayudar a introducir, revisar y corregir información durante todo el recorrido, incluso cuando el formulario ya está completo.
Mantener el nombre del dato disponible
Coloca una etiqueta visible que identifique cada campo y permanezca reconocible después de escribir. Un ejemplo dentro de la caja puede complementar, pero no sustituir esa función. Evita etiquetas excesivamente breves como tipo si no queda claro si se refiere a negocio, servicio o documento. Para un presupuesto de impresión, distingue cantidad de unidades y cantidad de páginas. WAI explica cómo asociar etiquetas a controles; pide verificar esa relación en la implementación. Que el texto esté visualmente cerca no demuestra que un lector de pantalla pueda reconocerlo como nombre del campo correspondiente.
Separar datos relacionados sin perder el grupo
Cuando varios controles responden a una pregunta común, identifica también el conjunto. Una selección de modalidad puede contener presencial y virtual, mientras su título explica qué se está eligiendo. No repitas una etiqueta genérica en cada opción sin contexto. Para direcciones o fechas divididas, revisa si cada parte tiene un nombre comprensible. El usuario debería poder entrar directamente a un campo y entender qué dato espera, incluso si no leyó primero toda la página. Esa claridad también beneficia a quien navega mediante comandos de voz y necesita referirse al control con una expresión reconocible.
Hacer útil el área de interacción
Una etiqueta asociada puede facilitar activar casillas y opciones pequeñas, pero hay que comprobar el comportamiento real. Pide pulsar sobre el texto de una opción y verificar que se selecciona el control correcto. No incluyas enlaces de forma que resulte confuso si se está aceptando una condición o abriendo su explicación. Si una ayuda adicional aparece mediante un icono, debe tener nombre y acceso comprensibles. Para el formulario de impresión, una explicación de acabado no debería exigir precisión extrema con el puntero ni desaparecer antes de poder leerla o revisarla con calma.
Revisar con datos completos y errores
Completa el formulario con información ficticia y vuelve sobre cada campo. Comprueba que sigue siendo posible identificarlo y corregirlo. Introduce un error deliberado y verifica que el mensaje menciona el dato adecuado. Revisa además nombres accesibles con las herramientas del navegador o con apoyo especializado; una prueba visual no detecta todas las asociaciones. Conserva los criterios de etiquetado en la guía de componentes para nuevos formularios. No consideres terminado el trabajo cuando las cajas alinean bien: la entrega debe demostrar que los datos se pueden introducir, reconocer y revisar sin depender de memoria o de una instrucción externa.
DE LA LECTURA A LA ACCIÓN
Para aplicar hoy
- El nombre de cada campo debe seguir disponible después de escribir.
- La cercanía visual no sustituye la asociación técnica de etiqueta y control.
- Prueba identificación, selección y corrección con el formulario completo.
Fuentes y referencias
Documentación para profundizar. Los ejemplos de esta guía son didácticos.