Un formulario de contacto puede parecer sencillo hasta que una persona intenta completarlo con teclado, lector de pantalla o una conexión inestable. La accesibilidad comienza por pedir lo necesario, explicar cada campo y ayudar a corregir errores sin obligar a empezar de nuevo.

Etiqueta cada campo de forma visible

«Nombre», «Correo» o «Describe tu proyecto» indican qué información se espera. El texto dentro de un campo puede mostrar un ejemplo, pero desaparece al escribir y no debería ser la única instrucción. Una etiqueta asociada al control ayuda a las personas que usan tecnologías de asistencia y también amplía el área donde se puede seleccionar.

La iniciativa de accesibilidad web del W3C explica cómo vincular etiquetas y controles, y cómo proporcionar instrucciones. El objetivo es que una persona pueda identificar cada campo y completar la tarea sin depender solo del color o de una posición visual.

Pregunta lo necesario y anticipa formatos

Cada campo adicional exige tiempo y puede plantear dudas. Decide si realmente necesitas teléfono, presupuesto o archivos para iniciar una conversación. Señala qué información es obligatoria y cuál es opcional antes de que la persona envíe el formulario.

Cuando un dato necesita un formato particular, explícalo junto al campo. Por ejemplo, si un número internacional necesita código de país, indícalo antes del error. Evita restricciones que impidan nombres o direcciones válidas sin una razón de negocio.

Explica errores y conserva lo escrito

Un mensaje como «Algo salió mal» no dice qué hacer. Señala el campo y la corrección posible: «Revisa el correo; parece que falta la parte después de @». No culpes al usuario. Si falla el envío por conexión, informa que no se completó y ofrece reintentar sin borrar el mensaje, siempre que el comportamiento esté implementado y probado.

En un ejemplo hipotético, una persona olvida el correo mientras describe un proyecto. El formulario conserva la descripción, identifica el campo pendiente y permite regresar a corregirlo. Es una situación para probar, no una afirmación sobre un formulario concreto de Tensory.

Haz una comprobación básica

  • Recorre los campos y controles usando solo el teclado; comprueba que el foco se vea.
  • Asocia cada etiqueta con su campo y verifica que el orden de lectura sea lógico.
  • Prueba un envío incompleto y un error de conexión.
  • Revisa que el texto y los controles sean legibles con aumento y en celular.
  • Confirma que el mensaje de éxito refleje lo que realmente ocurrió.

Una evaluación automática puede señalar algunos problemas, pero no reemplaza pruebas con personas y tecnologías de asistencia. Si el contacto abre WhatsApp o correo, explica que prepara un mensaje y que la persona decide si lo envía.

Revisa lo que pasa después del envío

El mensaje final debe distinguir entre un envío confirmado, una solicitud aún pendiente y la apertura de una aplicación externa. Si el formulario prepara un correo para que la persona lo revise, no corresponde afirmar que ya fue enviado. El estado también debe poder percibirse sin depender de un cambio de color.

Con una muestra de personas, observa si entienden qué campo corregir y cómo volver al control después de un error. Corrige las instrucciones y repite la tarea. Esa prueba ayuda a detectar problemas de comprensión que una comprobación automática no interpreta completamente.

Fuentes consultadas

Hagamos más claro el primer contacto

Cuéntanos cómo llegan las consultas y qué información necesitas para atenderlas.

Revisar mi experiencia web