2526UFV2.2.1-A-001
Edición de la página como formulario
1. Información básica
Enlace directo a la página del subcriterio en la wiki https://www.wikiwcag.udl.cat/index.php/Principio_2/2.2_Tiempo_Suficiente/2.2.1-A
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
No se ha indicado ningún enlace.
2.1.2. Código HTML:
<script>
setTimeout(function() {
alert("Time is over. The session has expired.");
}, 10000); // 10 seconds
</script>
</head>
<body>
Non-accessible example 2.2.1-A
Online Form
You have 10 seconds to complete this form.
<form>
<label for="name">Name:</label>
<input id="name" type="text">
<button type="submit">Submit</button>
</form>
Explicación del problema detectado:
The form has a fixed time limit that cannot be paused, extended, or adjusted by the user.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Users with disabilities may not have enough time to read or complete the content before the session expires.
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
No se ha indicado ningún enlace.
2.2.2 Código HTML:
<script>
let timeLimit = 10000;
let timer;
function startTimer() {
timer = setTimeout(function() {
alert("Time is over. The session has expired.");
}, timeLimit);
}
function extendTime() {
clearTimeout(timer);
timeLimit += 10000;
startTimer();
alert("Time extended by 10 seconds.");
}
window.onload = startTimer;
</script>
</head>
<body>
Accessible example 2.2.1-A
Online Form
You have a limited time to complete this form.
<button onclick="extendTime()">Extend time</button>
<form>
<label for="name">Name:</label>
<input id="name" type="text">
<button type="submit">Submit</button>
</form>
Explicación de la solución aplicada:
The user is provided with a control to extend the time limit, allowing sufficient time to complete the task.
