BIBLIOTECA DE ACCESIBILIDAD

Validación accesible de formularios: errores, instrucciones y foco

La validación accesible de formularios conecta etiquetas visibles, instrucciones, errores, resúmenes y comportamiento del foco para que las personas puedan recuperarse sin adivinar.

La validación accesible de formularios conecta etiquetas visibles, instrucciones, errores, resúmenes y comportamiento del foco para que las personas puedan recuperarse sin adivinar.

Qué intenta demostrar el trabajo

Un buen trabajo de accesibilidad parte de una pregunta comprobable. ¿Puede una persona completar la tarea sin ratón? ¿El nombre del control se expone de forma que coincida con la etiqueta visible? ¿Un mensaje de error identifica el problema y ayuda a la persona a recuperarse? ¿El foco se mueve al lugar que un usuario esperaría después de abrir un diálogo, cambiar de ruta o fallar el envío de un formulario?

Esas preguntas son más útiles que una puntuación genérica porque conectan el estándar con una interfaz real. Los criterios de conformidad WCAG describen resultados. La auditoría traduce esos resultados en evidencia de páginas, componentes, estados y flujos de trabajo.

Qué incluir en el alcance

La muestra debería incluir plantillas distintas, componentes compartidos, patrones de contenido y recorridos críticos. Un sitio de marketing pequeño puede necesitar una página de inicio, una de servicio, una de artículo, un formulario de contacto y los estados de navegación. Una aplicación web suele necesitar flujos autenticados, paneles, tablas de datos, filtros, diálogos, notificaciones y recuperación de errores. Un sitio WordPress necesita plantillas del tema, bloques, salida de plugins y contenido representativo creado por el equipo.

El alcance también incluye los entornos. El navegador, la tecnología de asistencia, el ancho de la ventana, el nivel de zoom y las suposiciones sobre el dispositivo deberían documentarse. Sin ese contexto, el mismo hallazgo puede ser difícil de reproducir después.

Las pruebas automatizadas tienen su lugar

Las herramientas automatizadas son valiosas porque son consistentes y rápidas. Pueden detectar etiquetas ausentes, ARIA no válido, botones vacíos, algunos fallos de contraste, IDs duplicados y otros problemas basados en reglas. También son útiles en las pruebas de regresión, porque las mismas reglas pueden ejecutarse una y otra vez.

La limitación es que las herramientas automatizadas no pueden juzgar de forma fiable el significado ni la calidad del flujo de trabajo. Una página puede no tener ninguna violación automatizada y aun así ser inutilizable por teclado. Un botón puede tener un nombre accesible técnicamente presente pero poco útil. Un modal puede parecer correcto mientras el foco se escapa al fondo.

Las pruebas manuales cubren las lagunas de comportamiento

Las pruebas manuales comprueban la operación. La persona que prueba usa la interfaz con el teclado, revisa el orden del foco, inspecciona nombres y roles, cambia el zoom y el espaciado del texto, envía formularios con errores y sigue flujos de trabajo reales. Las pruebas con lector de pantalla añaden otra capa: qué se anuncia, si la estructura es navegable, si las actualizaciones dinámicas son perceptibles y si las personas pueden recuperarse de los errores.

Por eso un hallazgo necesita algo más que el número de un criterio. Un buen hallazgo explica evidencia, impacto, corrección y verificación. Un ingeniero debería poder reproducir el problema, entender por qué importa y saber qué condición debe cumplirse antes de cerrarlo.

Cómo documentar los hallazgos

Cada hallazgo debería incluir un ID estable, el componente afectado, el impacto en las personas, el entorno, los pasos de reproducción, el comportamiento esperado, el comportamiento real, la corrección recomendada y las instrucciones de verificación. El mapeo a WCAG debe ser preciso y prudente. Si el mapeo es incierto, el informe debería decirlo en lugar de forzar un criterio por apariencia.

Los mejores hallazgos no se escriben para avergonzar a un equipo. Se escriben para que un equipo pueda hacer un cambio correcto. Eso implica separar los síntomas de las causas raíz. Una etiqueta ausente en cinco instancias del mismo select personalizado puede ser un único defecto de componente, no cinco problemas de contenido no relacionados.

Comprobaciones prácticas de calidad

Antes de publicar o lanzar, comprueba el acceso por teclado, la visibilidad del foco, el orden de los encabezados, la estructura de landmarks, las etiquetas de formulario, los resúmenes de errores, los mensajes de estado dinámicos, el reflujo en anchos estrechos, el espaciado del texto, el tamaño de los objetivos y el comportamiento con movimiento reducido. En el trabajo de ingeniería, registra qué se probó y qué no.

Las pruebas automatizadas deberían ejecutarse de nuevo tras las correcciones, pero pasar las comprobaciones automatizadas no equivale a la conformidad con la accesibilidad. La re-prueba debería volver a la evidencia original y confirmar que la barrera para el usuario está resuelta.

¿Necesita ayuda para evaluar un sitio o aplicación web?

Solicite una revisión de accesibilidad cuando necesite hallazgos técnicos que su equipo pueda reproducir, corregir y verificar.

Fuentes / Lecturas adicionales