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

De WCAG Wiki

3.3.4-A. Prevención de errores (legales, financieros o datos)

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)

  • En los procesos que implican compromisos legales o financieros, pueden modificar o eliminar datos del usuario o envían resultados sensibles, el usuario debe poder revisar, confirmar o revertir las acciones antes de completarlas.

Comprensión del criterio

Descripción resumida

En operaciones importantes (legales, financieras, cambios de datos), el usuario debe poder revisar lo que va a enviar o deshacer la acción.

Objetivo

Evitar errores con consecuencias importantes para el usuario mediante confirmación, revisión o reversión.

Importancia de cumplir el criterio

Personas con discapacidad cognitiva o visual pueden cometer errores al completar formularios críticos. Este criterio asegura confianza y evita daños.

Referencias WCAG

Recursos de apoyo

  • Pantalla de revisión antes de enviar datos
  • Confirmación obligatoria de acciones
  • Mecanismos de “deshacer” seguros
  • Diálogos accesibles

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

  1. Paso 1. Identificar procesos legales, financieros o sensibles.
  2. Paso 2. Confirmar que el usuario puede revisar los datos antes de enviarlos.
  3. Paso 3. Verificar que existe confirmación o “deshacer”.
  4. Paso 4. Probar navegando por teclado y lector de pantalla.

Resultado esperado

El usuario puede revisar, confirmar o revertir acciones críticas antes de ejecutarlas.

Ejemplo

✅ Ejemplo accesible: pantalla de revisión antes de enviar

<h2>Revisar información</h2>
<p>Nombre: Laura Pérez</p>
<p>Dirección: Av. Sol, 22</p>

<button type="button">Editar datos</button>
<button type="submit">Confirmar y enviar</button>

✅ Ejemplo accesible: diálogo de confirmación

<button type="button" id="delete">Eliminar cuenta</button>

<div role="dialog" aria-labelledby="confirm-title" hidden>
  <h2 id="confirm-title">Confirmar acción</h2>
  <p>¿Seguro que quieres eliminar tu cuenta?</p>
  <button>Cancelar</button>
  <button>Confirmar eliminación</button>
</div>

Otras herramientas de evaluación

  • Revisión del flujo de interacción
  • Pruebas con teclado
  • NVDA / JAWS / VoiceOver
  • Axe / Lighthouse (parcial)










Ejemplos accesibles y no accesibles creados por alumnos

Comentarios

A continuación se muestran comentarios sobre el criterio 3.3.4-A. Prevención de errores (legales, financieros o datos)

Loading comments...




3.3.4-A. Prevención de errores (legales, financieros o datos)

  • Nivel:AA
  • Versión:2.2
  • Principio:3. Comprensible
  • Pauta:3.3 Asistencia en la entrada
  • Categoría:Procesos críticos
  • Subcategoría:Prevención de errores

Usuarios más afectados

  • Cognitiva Cognitiva – Barrera grave
  • Visual total Visual total – Barrera moderada