Principio 3/3.3 Assistencia en los input/3.3.1-A
De WCAG Wiki
3.3.1-A. Identificación de errores
- Nivel: A
- Versión: 2.0
- Principio: 3_Comprensible
- Pauta: 3.3_Asistencia_en_la_entrada
- Grupo: Formularios
- Subgrupo: Errores
Discapacidades afectadas
Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.
-
Cognitiva –
Barrera grave
-
Baja visión –
Barrera moderada
Enunciado del criterio (Observatorio de Accesibilidad Web)
- Se deben identificar los campos de formulario obligatorios que no hayan sido completados y se debe informar a los usuarios mediante un texto que indique dónde se ha producido el error y qué se necesita corregir.
Comprensión del criterio
Descripción resumida
Indicar claramente qué campo contiene un error y el motivo del error mediante texto visible.
Objetivo
Garantizar que los usuarios detecten los errores y puedan corregirlos sin perder información ni contexto.
Importancia de cumplir el criterio
Las personas con discapacidad cognitiva, baja visión o que usan lector de pantalla pueden no percibir errores si solo se usa color o iconos. Es necesario texto claro y asociado al campo.
Referencias WCAG
Recursos de apoyo
- Mensajes de error claros y visibles
- Asociación mediante
aria-describedby - Uso adecuado de
aria-invalid
Evaluación del criterio
Tipo de evaluación
Evaluación Manual
Procedimiento de evaluación
- Paso 1. Enviar formulario con errores o campos vacíos.
- Paso 2. Verificar que aparece mensaje textual claro.
- Paso 3. Confirmar que el mensaje identifica el campo y el error.
- Paso 4. Revisar presencia de
aria-invalidy vínculos mediantearia-describedby. - Paso 5. Comprobar anuncio en lectores de pantalla.
Resultado esperado
Los errores se identifican mediante texto y están asociados al campo correspondiente, facilitando su corrección.
Ejemplo ilustrativo
✅ Accesible: error textual vinculado al campo
<label for="email">Correo electrónico</label> <input id="email" aria-describedby="email-error" aria-invalid="true"> <p id="email-error" class="error">Introduce un correo electrónico válido.</p>
Otras herramientas de evaluación
- Prueba con teclado
- NVDA / JAWS / VoiceOver
- DevTools – Propiedades accesibles
- Axe / Lighthouse (detección parcial)
Ejemplos accesibles y no accesibles creados por alumnos
| Última modificación | |
|---|---|
| 2526UFV3.3.1‑A-001 | 11 enero 2026 18:43:10 |
Comentarios
A continuación se muestran comentarios sobre el criterio 3.3.1-A. Identificación de errores
Loading comments...
