Criterios de Operable
OperablePauta 2.2 Tiempo suficiente
2.2.1Tiempo ajustable
Nivel ALo exige la normativa (EN 301 549).
Qué pide
Si hay límite de tiempo, se puede desactivar, ajustar o ampliar con un aviso previo.
A quién ayuda: Personas con dificultades motoras, cognitivas o que usan tecnologías de apoyo lentas.
Un caso real
La sesión de la banca online caduca a los 5 minutos.
BienAntes de caducar aparece un aviso «Tu sesión va a caducar. ¿Quieres más tiempo?» con al menos 20 segundos para responder.
MalSe cierra la sesión sin avisar y se pierden los datos introducidos.
Cómo aplicarlo en código
Aviso antes de que caduque la sesión
Avisa con al menos 20 segundos de margen y permite ampliar el tiempo con una acción sencilla (al menos 10 veces).
<dialog id="aviso-sesion" aria-labelledby="aviso-titulo">
<h2 id="aviso-titulo">Tu sesión caduca en 2 minutos</h2>
<p>¿Necesitas más tiempo?</p>
<form method="dialog">
<button value="ampliar">Ampliar 20 minutos</button>
<button value="salir">Cerrar sesión</button>
</form>
</dialog>
<script>
const aviso = document.getElementById("aviso-sesion");
setTimeout(() => aviso.showModal(), 18 * 60 * 1000); // 2 minutos antes del límite
aviso.addEventListener("close", () => {
if (aviso.returnValue === "ampliar") ampliarSesion();
});
</script><script>
// Expulsa sin avisar a los 5 minutos
setTimeout(() => (location.href = "/salir"), 5 * 60 * 1000);
</script>Cómo comprobarlo
Identifica los procesos con tiempo límite y comprueba que hay aviso y ampliación.