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

3.3.3-A. Sugerencias ante errores

3_Comprensible 3.3_Assistencia_en_los_input

• Nivel: AA
• Versión: 2.0
• Principio: 3_Comprensible
• Pauta: 3.3_Assistencia_en_los_input
• 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 moderada
• Visual total – Barrera moderada

Enunciado del criterio (Observatorio de Accesibilidad Web)

• Al detectar automáticamente un error cuando los usuarios introducen datos se proporcionan sugerencias para hacer la corrección, siempre que sea posible se debe proporcionar dicha sugerencia y esto no debe comprometer la seguridad o la finalidad del contenido.

Comprensión del criterio

Descripción resumida

Cuando un formulario detecta un error, debe ofrecer instrucciones claras para corregirlo, siempre que ello sea seguro y no revele información sensible.

Objetivo

Asegurar, siempre que sea posible, que los usuarios reciben sugerencias adecuadas para corregir errores al introducir datos, facilitando el éxito en tareas de formularios.

Importancia de cumplir el criterio

Las personas con dificultades cognitivas, usuarios con baja visión, lectores de pantalla o usuarios con menor alfabetización digital pueden tener dificultades para corregir errores sin orientación clara. Sugerencias específicas reducen barreras y frustración.

Referencias WCAG

• G177: Providing suggested correction text
• Understanding Success Criterion 3.3.3: Error Suggestion

Recursos de apoyo

Consejos

• Mensajes de error con instrucciones específicas
• Ejemplos claros del formato requerido
• Validación accesible en cliente o servidor

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

1. Paso 1. Localizar los formularios existentes.
2. Paso 2. Intentar enviar el formulario introduciendo valores erróneos en los campos.
3. Paso 3. Cuando la información proporcionada por el usuario sea incorrecta pero sea posible conocer un valor correcto sugerido, comprobar si la página ofrece un texto con la corrección.

Resultado esperado

Se proporcionan sugerencias útiles para corregir errores sin comprometer seguridad o privacidad, cuando es posible.

Ejemplo

Sugerencia clara unida al campo (aria-describedby="email-error" y id="email-error")

<label for="email">Correo electrónico</label>
<input id="email" type="email" aria-describedby="email-error" aria-invalid="true">
<p id="email-error" class="error" role="alert">
  El formato no es válido. Prueba algo como nombre@ejemplo.com
</p>

Otras herramientas de evaluación

• Prueba funcional: introducir datos incorrectos (p. ej., email sin “@”, número fuera de rango, formato de fecha erróneo) y comprobar que se ofrece una sugerencia clara y accesible para corregirlo cuando sea posible.
• Inspección del código: verificar que las sugerencias están presentes en texto junto al campo correspondiente y correctamente asociadas mediante aria-describedby cuando proceda.
• Lectores de pantalla: (NVDA, JAWS, VoiceOver) confirmar que las sugerencias se leen automáticamente al aparecer el error y que el usuario entiende cómo solucionarlo.
• Revisión de seguridad: asegurar que la sugerencia no revela información sensible ni compromete la seguridad (p. ej., no mostrar datos reales previamente introducidos).

Comentarios

A continuación se muestran comentarios sobre el criterio 3.3.3-A. Sugerencias ante errores

Loading comments...