Un proceso de registro o pago que falla debido a un error de accesibilidad no es solo un problema abstracto: es un cliente que no completó una compra y, a veces, un cliente que no regresa. Este artículo se centra en los puntos más críticos de los flujos de formularios, registro y pago, y si también está interesado en los formularios PDF, consulte nuestra guía sobreformularios PDF accesibles.
En resumen: lo que cubre este artículo
Mensajes de error en tiempo real
El error más común: un mensaje de error que aparece visualmente (pequeño texto rojo al lado del campo) pero no se anuncia a un lector de pantalla. Un usuario ciego completa el formulario, hace clic en "Enviar" y no entiende por qué no sucede nada, porque nunca se entera del error. La solución: use `aria-live` para anunciar errores automáticamente y vincule cada error directamente a su campo relevante con `aria-describedby`, de modo que el lector de pantalla lea el error en voz alta en el momento en que el usuario llegue a ese campo.
Etiquetas de campo claras y persistentes
El texto de marcador de posición (el texto gris que desaparece una vez que comienzas a escribir) no reemplaza una etiqueta de campo real: en el momento en que el usuario comienza a escribir, pierde el contexto de lo que el campo solicita. Cada campo de formulario necesita un ` ` real que permanezca visible (o al menos accesible para un lector de pantalla) durante todo el proceso de llenado, no solo como una pista que desaparece.
💡 Consejo práctico
Los campos obligatorios necesitan doble marca: visual (un asterisco o la palabra "Obligatorio") y también en el código (`aria-required="true"`), de modo que incluso un usuario que no puede ver el asterisco sepa que el campo es obligatorio antes de cometer un error de envío.
Procesos de varios pasos
Los flujos de registro o pago de varios pasos (datos personales ▸ envío ▸ pago ▸ confirmación) deben decirle claramente a un lector de pantalla en qué paso se encuentra el usuario de cuántos pasos totales, y anunciarlo cuando el usuario pasa al siguiente paso, para que un usuario que no pueda ver el indicador de progreso visual no pierda el rumbo a la mitad.
Una confirmación de pedido accesible
Después de completar una compra o registrarse, el mensaje de confirmación debe ser accesible: anunciado claramente a un lector de pantalla (no solo un cambio visual silencioso en la página) e incluyendo toda la información importante (número de pedido, monto, fecha de entrega) como texto real, no como una imagen.
¿Tiene documentos de términos de servicio o confirmaciones de pedidos que se envían en formato PDF?
Nuestra herramienta también verifica los documentos que acompañan a los flujos de compra y registro: términos de servicio, recibos y confirmaciones.
Escanea tu sitio gratis ←Después de escanear, también puede hacer que los documentos encontrados sean accesibles directamente y de forma gratuita a través deAccessiDoc.