Técnica Técnicas generales WCAG 2.2
G168Pedir confirmación antes de una acción que no se puede deshacer
Nombre oficial en el W3C: Solicitar confirmación para continuar con la acción seleccionada
En pocas palabras
Antes de borrar datos, entregar un examen o hacer un pago, la web debe preguntar si de verdad se quiere hacer. El mensaje explica qué va a pasar y ofrece dos opciones claras: confirmar o volver atrás. Así un clic equivocado no tiene consecuencias graves.
Por qué es importante
Es fácil pulsar el botón equivocado. Los botones pueden estar muy juntos o aparecer en un orden distinto al esperado. Esto les pasa más a personas con temblores, con poca visión o con dificultades de atención.
Si la acción es definitiva, el error no tiene arreglo: se pierde un correo, se cancela una reserva o se entrega un examen sin terminar. Una pregunta de confirmación da una segunda oportunidad.
Cómo se hace
- Identifique las acciones que no se pueden deshacer: vaciar la papelera, eliminar una cuenta, cancelar una reserva, entregar un examen, comprar acciones.
- Antes de ejecutarlas, muestre un mensaje de confirmación.
- Explique en el mensaje qué se ha elegido y qué pasará: «Se borrarán 12 mensajes para siempre».
- Ponga dos botones con textos claros, como «Sí, vaciar la papelera» y «Cancelar».
- Si usa una ventana emergente, asegúrese de que funciona con el teclado y de que el lector de pantalla (programa que lee en voz alta la pantalla) la anuncia.
Cómo comprobarlo
- Inicie una acción que no se pueda deshacer, por ejemplo eliminar un elemento.
- Compruebe que aparece una pregunta de confirmación antes de que ocurra.
- Compruebe que el mensaje explica qué va a pasar.
- Pulse «Cancelar» y verifique que no se ha hecho nada.
- Repita y confirme para ver que la acción se realiza.
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 G168 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
Todas las tecnologías.
Descripción
El objetivo de esta técnica es pedir al usuario que confirme que la acción seleccionada es la que realmente pretende realizar. Utilice esta técnica en situaciones en las que la acción no pueda deshacerse una vez ejecutada. Esto ayudará a los usuarios a evitar enviar un formulario o eliminar datos por error.
Por ejemplo, puede ocurrir cuando el usuario espera que los botones «enviar» y «cancelar» aparezcan en un orden distinto al que se presenta y selecciona un botón demasiado deprisa para darse cuenta del orden inesperado. Presentar al usuario una solicitud de confirmación le permite reconocer el error y detener el envío de los datos o evitar la pérdida de los datos introducidos.
La solicitud de confirmación debe informar al usuario de la acción que se ha seleccionado y de las consecuencias de continuar con ella.
Ejemplos
Viajes en avión
Un sitio web de viajes permite a los usuarios crear itinerarios de viaje que reservan asientos en distintas compañías aéreas. Los usuarios pueden consultar, modificar y cancelar sus itinerarios actuales. Si el usuario necesita cancelar sus planes de viaje, localiza el itinerario en la página web y lo elimina de su lista de itinerarios actuales. Esta acción conlleva la cancelación de sus reservas de asiento y no es reversible. Se informa al usuario de que la acción seleccionada cancelará sus reservas de asiento actuales y de que, una vez realizada, puede que no sea posible hacer una reserva comparable en los mismos vuelos. Se pide al usuario que confirme o cancele la eliminación del itinerario.
Correo web
Una aplicación de correo web almacena el correo electrónico del usuario en un servidor, de modo que pueda consultarlo desde cualquier lugar de la web. Cuando un usuario elimina un mensaje de correo, este se mueve a una carpeta de papelera desde la que puede recuperarse si se eliminó por accidente. Existe una orden «vaciar papelera» para eliminar del servidor los mensajes de la carpeta de papelera. Una vez vaciada la papelera, los mensajes ya no pueden recuperarse. Antes de vaciar la papelera, se pide al usuario que confirme o cancele la eliminación del correo que contiene.
Un examen en línea
Se utiliza un formulario para recoger las respuestas de un examen. Cuando se selecciona el botón «enviar» o «restablecer», se presenta al usuario una página web que le informa de su elección y le pide confirmación para continuar. Ejemplo 1: «Ha seleccionado restablecer el formulario. Esto eliminará todos los datos introducidos anteriormente y no se enviará ninguna respuesta. ¿Desea restablecer el formulario? [botón sí] [botón no]». Ejemplo 2: «Ha seleccionado enviar el formulario. Esto enviará los datos introducidos como sus respuestas definitivas y no podrán modificarse. ¿Desea enviar el formulario? [botón sí] [botón no]».
Compraventa de acciones
Un sitio de intermediación bursátil permite a los usuarios comprar y vender acciones y otros valores. Si el usuario realiza una operación durante el horario de negociación, se presenta un cuadro de diálogo que le informa de que la operación es inmediata e irreversible, con botones que dicen «continuar» y «cancelar».
Pruebas
Procedimiento
- Iniciar la acción que no puede revertirse ni modificarse.
- Comprobar que se presenta una solicitud de confirmación de la acción seleccionada.
- Comprobar que la acción puede confirmarse y cancelarse.
Resultados esperados
- Las comprobaciones n.º 2 y n.º 3 son verdaderas.
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.
Basado en la técnica G168 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.