Principio 3/3.3 Assistencia en los input/3.3.1-A

De WCAG Wiki

3.3.1-A. Identificación de errores

Discapacidades afectadas

Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.

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

  1. Paso 1. Enviar formulario con errores o campos vacíos.
  2. Paso 2. Verificar que aparece mensaje textual claro.
  3. Paso 3. Confirmar que el mensaje identifica el campo y el error.
  4. Paso 4. Revisar presencia de aria-invalid y vínculos mediante aria-describedby.
  5. 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-00111 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...