Principio 3/3.3 Assistencia en los input/3.3.1-B
De WCAG Wiki
3.3.1-B. Descripció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
-
Visual total –
Barrera grave
Enunciado del criterio (Observatorio de Accesibilidad Web)
- Se deben proporcionar descripciones textuales de los errores cuando los usuarios introducen datos en un formulario que no cumplen un formato o valor determinado, o no están entre los valores permitidos.
Comprensión del criterio
Descripción resumida
Cuando un dato introducido es incorrecto o inválido, se debe informar mediante un mensaje textual claro que explique el problema al usuario.
Objetivo
Asegurar que las personas entienden qué error se ha producido y cómo corregirlo, especialmente en formularios que requieren formatos específicos.
Importancia de cumplir el criterio
Sin mensajes claros, las personas con discapacidad visual, cognitiva o lector de pantalla pueden no entender por qué no pueden enviar el formulario.
Referencias WCAG
Recursos de apoyo
- Mensaje textual junto al campo
aria-describedbypara asociar error al campoaria-invalid="true"- Mensajes rol="alert"
Evaluación del criterio
Tipo de evaluación
Evaluación Manual
Procedimiento de evaluación
- Introducir valores erróneos
- Verificar mensaje textual claro
- Confirmar vínculo al input (
aria-describedby) - Verificar anuncio con lector de pantalla
Resultado esperado
Los errores se describen mediante texto claro vinculado al campo correspondiente.
Ejemplo
✅ Ejemplo accesible: error claro y asociado
<label for="telefono">Teléfono (9 dígitos)</label> <input id="telefono" aria-describedby="tel-error" aria-invalid="true"> <p id="tel-error" role="alert">El número debe tener 9 dígitos.</p>
Otras herramientas de evaluación
- NVDA/JAWS/VoiceOver
- DevTools accesibilidad
- Lighthouse / Axe
Ejemplos accesibles y no accesibles creados por alumnos
Comentarios
A continuación se muestran comentarios sobre el criterio 3.3.1-B. Descripción de errores
Loading comments...
