¿Qué estás buscando?

Toca fuera o pulsa Esc para cerrar

Ofrece Deshacer al borrar y confirma sólo lo irreversible

Un modal para cada borrado acaba convirtiéndose en ruido. Separa las acciones recuperables de las definitivas y deja una salida clara para cada una.

Lista de interfaz con una fila borrada y un botón grande para deshacer la acción
Una eliminación recuperable deja una salida visible para deshacerla. · Crédito: Imagen generada con IA para Kaosconcept

Borras una tarjeta y aparece el habitual «¿Estás seguro?». Al tercer aviso, el dedo ya va solo hacia «Aceptar». El modal ha interrumpido la tarea, pero apenas ha protegido el dato. Antes de dibujar otro cuadro de diálogo, comprueba si el borrado se puede deshacer.

Separa lo reversible de lo definitivo

WCAG 2.2 admite tres vías cuando una web modifica o elimina datos controlados por el usuario: que la acción sea reversible, que el sistema compruebe posibles errores o que pida confirmación. La guía práctica de W3C lo deja aún más claro: ofrece deshacer para las acciones reversibles y confirma las irreversibles.

Eliminar una tarjeta que irá a la papelera no necesita el mismo freno que vaciar esa papelera. En el primer caso puedes actuar y dejar una salida. En el segundo, la interfaz debe explicar la consecuencia antes de ejecutar nada.

Borra primero y ofrece Deshacer

Al retirar un elemento recuperable, sácalo de la vista y muestra una notificación con un botón «Deshacer». Guarda el registro durante un plazo conocido o muévelo a una papelera. Ese pequeño colchón da bastante más tranquilidad que repetir la misma pregunta en cada clic.

No escondas la única salida en un aviso que desaparece enseguida. Carbon distingue las notificaciones informativas de las accionables: estas últimas admiten una acción y permanecen visibles hasta que la persona las cierra. Si el aviso caduca, conserva otra ruta para recuperar el dato.

Reserva el modal para la pérdida real

Pide confirmación al borrar una cuenta, vaciar la papelera o completar una operación que ya no pueda revertirse. El mensaje debe nombrar el objeto y la consecuencia. «¿Eliminar definitivamente 24 archivos?» informa; «¿Estás seguro?» obliga a recordar qué había detrás del clic.

El sistema de diseño de GOV.UK reserva su botón de advertencia para acciones destructivas serias y difíciles de deshacer, con un paso adicional de confirmación. También pide no confiar sólo en el rojo. El texto del botón debe decir qué ocurrirá.

Prueba el flujo con teclado y prisa

Haz tres recorridos: borrar y deshacer, borrar y dejar pasar el plazo, y eliminar definitivamente. Comprueba con teclado que la notificación se anuncia, que la acción se puede alcanzar y que el foco no salta a un lugar inesperado. En móvil, revisa que el aviso no tape el siguiente paso.

La prueba cabe en cinco minutos. Si «Deshacer» no recupera exactamente lo borrado, el problema no está en el color del botón. Está en el flujo.

0 comentarios

Todavía no hay comentarios.

Deja un comentario

Información básica de protección de datos. Responsable: Miguel Ángel Ruiz Carmona (Websmultimedia). Trataremos el nombre y el comentario para gestionar y publicar tu aportación a petición tuya, y para moderarla y prevenir abusos por interés legítimo. El email es opcional, nunca se publica y se elimina 90 días después de moderar. El alojamiento se presta en la UE y no cedemos estos datos salvo obligación legal. Puedes ejercer tus derechos en miguel@websmultimedia.com. Consulta la información de privacidad y las normas de participación.