Addaw, ir a inicio Donar

Técnica Técnicas generales WCAG 2.2

G199Confirmar con un mensaje claro que una acción ha salido bien

Nombre oficial en el W3C: Proporcionar una confirmación de que los datos se han enviado correctamente

En pocas palabras

Cuando alguien envía un formulario, inicia sesión o guarda cambios, la web debe decirle con un mensaje directo que todo ha ido bien. Así no tiene que buscar pistas por la página para saberlo. El mensaje debe aparecer siempre de la misma forma y, si hay un paso pendiente, explicarlo.

Por qué es importante

Sin un aviso claro, la persona tiene que deducir si la acción funcionó. Por ejemplo, buscando su nombre en la cabecera o revisando una lista de solicitudes. Quien usa un lector de pantalla (programa que lee en voz alta lo que hay en la pantalla) tarda mucho en recorrer la página para encontrar esas pistas.

También ayuda a personas con dificultades de atención o de memoria. Y evita envíos repetidos por la duda de si el primero llegó.

Cómo se hace

  1. Tras cada acción importante, muestre un mensaje que diga qué ha pasado: «Su solicitud de cita previa se ha enviado correctamente».
  2. Si queda algo por hacer, indíquelo en el mismo mensaje: «Le hemos enviado un correo. Debe abrir el enlace para confirmar su registro».
  3. Añada datos útiles cuando los haya, como el número de expediente o el plazo de respuesta.
  4. Coloque el mensaje siempre en el mismo sitio y con el mismo aspecto, cerca de donde la persona estaba trabajando.
  5. Para que el lector de pantalla lo anuncie sin mover el foco, ponga el mensaje dentro de un contenedor con role="status" que ya exista en la página. Otra opción es llevar el foco al mensaje o a una página de confirmación con un título claro.

Cómo comprobarlo

  1. Rellene el formulario sin errores y envíelo.
  2. Compruebe que aparece un mensaje que confirma con palabras que el envío ha salido bien.
  3. Repita la prueba con NVDA o VoiceOver. El mensaje debe leerse en voz alta sin tener que buscarlo.
  4. Si el mensaje aparece en la misma página, revise con las herramientas del navegador (F12) que su contenedor tiene role="status".

Ejemplo

Zona de avisos que el lector de pantalla anuncia cuando el script escribe en ella el mensaje de éxito.

<!-- El contenedor existe desde que carga la página, vacío -->
<div id="aviso" role="status"></div>

<!-- Tras enviar el formulario, el script escribe dentro: -->
<div id="aviso" role="status">
  <p>Su solicitud se ha enviado correctamente.
  Número de registro: 2026/1543. Le responderemos en 48 horas.</p>
</div>
Ver el texto completo del W3C (traducción al español)

Esta es una traducción no oficial al español de la técnica G199 de Techniques for WCAG 2.2, del W3C. Puede contener errores. El único documento oficial y normativo es la versión original en inglés, publicada en el sitio web del W3C.

Aplicabilidad

Contenido que acepta la introducción de datos por parte del usuario.

Descripción

El objetivo de esta técnica es reducir el esfuerzo que necesitan los usuarios para confirmar que una acción, como el envío de un formulario web, se ha completado correctamente. Esto puede lograrse proporcionando una respuesta presentada de forma coherente que indique explícitamente el éxito de la acción, en lugar de obligar al usuario a recorrer el contenido para descubrir si la acción ha tenido éxito.

Los usuarios que no pueden recorrer la información con facilidad para confirmar su acción (por ejemplo, que los datos enviados se han registrado correctamente en una base de datos, se han enviado a una persona o se han añadido al contenido que se está editando) pueden tener que invertir un esfuerzo considerable.

Ejemplos

  • Un usuario inicia sesión en un sistema y recibe una respuesta que indica: «Ha iniciado sesión correctamente», de modo que no necesita recorrer la pantalla para encontrar un indicador de que ha iniciado sesión, como localizar su nombre de usuario o comprobar que el enlace de inicio de sesión se ha sustituido por un enlace de cierre de sesión. Encontrar estas pistas puede llevar mucho tiempo.
  • Un usuario rellena un cuestionario o una prueba y lo envía. La respuesta le informa de que la prueba se ha enviado correctamente, de modo que no necesita recorrer los datos, como una lista de pruebas enviadas, para confirmar que la prueba aparece en ella.
  • Un visitante crea una cuenta en un sitio web. Tras el envío del formulario, la respuesta indica que «El registro se ha enviado correctamente...». Si tras el registro se inicia sesión automáticamente, la respuesta también dice «...y ha iniciado sesión». Si se requiere confirmación, la respuesta incluye un mensaje como «...se le ha enviado un correo electrónico al que debe responder para confirmar su registro».
  • Un usuario envía un formulario con información dirigida al personal de soporte. La respuesta indica que «El mensaje se ha enviado correctamente y debería recibir una respuesta en las próximas 48 horas».

Pruebas

Procedimiento

  1. Rellenar los campos del formulario sin errores.
  2. Enviar el formulario.
  3. Comprobar que un mensaje de respuesta en la pantalla confirma que el envío se ha realizado correctamente.

Resultados esperados

  • La comprobación n.º 3 es verdadera.

Cómo lo comprobamos en ADDAW

En cada auditoría de ADDAW revisamos esta técnica página a página y le entregamos los errores con capturas y la forma de corregirlos.

Solicitar una auditoría

Basado en la técnica G199 del W3C (WCAG 2.2). Explicación y ejemplos: ADDAW. Traducción no oficial del texto del W3C © W3C, licencia de documentos del W3C. ¿Ha visto un error? Escríbanos.