Técnica Scripts de cliente WCAG 2.2
SCR16Proporcionar un script que avise al usuario de que un límite de tiempo está a punto de expirar
En resumen
Esta técnica explica cómo avisar con un script, al menos 20 segundos antes de que se agote un límite de tiempo controlado por JavaScript, mediante un cuadro de diálogo que permite pedir más tiempo. Beneficia a quienes leen o interactúan despacio (personas con discapacidad cognitiva, usuarios de lectores de pantalla) y conviene aplicarla en páginas que se recargan o caducan automáticamente.
Aplicabilidad
Existen límites de tiempo controlados mediante script.
Descripción
El objetivo de esta técnica es avisar a los usuarios de que están a punto de quedarse sin tiempo para completar una interacción. Cuando los scripts proporcionan una funcionalidad con límites de tiempo, el script puede incluir una función que advierta al usuario de la inminencia del límite de tiempo y proporcione un mecanismo para solicitar más tiempo. 20 segundos o más antes de que se cumpla el límite de tiempo, el script muestra un cuadro de diálogo de confirmación que indica que el límite de tiempo es inminente y pregunta si el usuario necesita más tiempo. Si el usuario responde «sí», el límite de tiempo se restablece. Si el usuario responde «no» o no responde, se permite que el límite de tiempo expire.
Esta técnica se aplica a los límites de tiempo establecidos con el método window.setTimeout(). Si, por ejemplo, el límite de tiempo está configurado para expirar a los 60 segundos, puede establecerse el límite en 40 segundos y mostrar entonces el cuadro de diálogo de confirmación. Cuando aparece el cuadro de confirmación, se establece un nuevo límite de tiempo para los 20 segundos restantes. Al expirar este «límite de tiempo de gracia», se ejecuta la acción que se habría ejecutado al expirar el límite de 60 segundos del diseño original.
Ejemplos
Una página de cotizaciones bursátiles utiliza un script para actualizar la página cada cinco minutos, con el fin de garantizar que las últimas estadísticas sigan estando disponibles. 20 segundos antes de que termine el periodo de cinco minutos, aparece un cuadro de diálogo de confirmación que pregunta si el usuario necesita más tiempo antes de que la página se actualice. Esto permite que el usuario sea consciente de la actualización inminente y la evite si lo desea.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Stock Market Quotes</title>
<script>
function timeControl() {
// set timer for 4 min 40 sec, then ask user to confirm.
setTimeout('userCheck()', 280000);
}
function userCheck() {
// set page refresh for 20 sec
var id=setTimeout('pageReload()', 20000);
// If user selects "OK" the timer is reset
// else the page will refresh from the server.
if (confirm("This page is set to refresh in 20 seconds.
Would you like more time?"))
{
clearTimeout(id);
timeControl();
}
}
function pageReload() {
window.location.reload(true);
}
timeControl();
</script>
</head>
<body>
<h1>Stock Market Quotes</h1>
...
</body>
</html>Pruebas
Procedimiento
En una página web que tenga un límite de tiempo controlado por un script:
- Cargar la página e iniciar un temporizador 20 segundos inferior al límite de tiempo.
- Cuando el temporizador termine, comprobar que se muestra un cuadro de diálogo de confirmación que advierte del límite de tiempo inminente.
Resultados esperados
- La comprobación n.º 2 es verdadera.
Cómo lo comprobamos en ADDAW
En las auditorías de accesibilidad de ADDAW revisamos cada criterio de conformidad siguiendo este catálogo de técnicas: comprobamos si la web aplica una técnica suficiente y documentamos cada fallo común con capturas y el código afectado, para que el equipo de desarrollo sepa exactamente qué corregir. Los informes siguen la metodología del Observatorio de Accesibilidad y la norma UNE-EN 301 549.
Fuente y licencia
Traducción al español, no oficial, realizada por ADDAW a partir de la técnica SCR16 del documento «Techniques for WCAG 2.2» del W3C (versión del repositorio público del W3C a 22/10/2026). Copyright © W3C® (MIT, ERCIM, Keio, Beihang). Se publica conforme a la licencia de documentos del W3C. El texto normativo de referencia es el original en inglés; si detecta un error en la traducción, escríbanos.
