Principio 2/2.2 Tiempo Suficiente/2.2.1-A

De WCAG Wiki

2.2.1-A. Tiempo ajustable

Discapacidades afectadas

Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.

Enunciado del criterio (Observatorio de Accesibilidad Web)

  • Toda la funcionalidad de la página debe ser operable a través del teclado, excepto cuando dicha funcionalidad sea imposible realizarse con teclado (por ejemplo, un dibujo a mano alzada).

Comprensión del criterio

Descripción resumida

Cuando una página impone un tiempo para realizar tareas (completar formularios, leer contenido, confirmar acciones), el usuario debe poder pausarlo, ampliarlo o ajustarlo. Se exceptúan situaciones donde el tiempo es intrínseco, como subastas o eventos en directo.

Objetivo

Garantizar que las personas que necesitan más tiempo para leer, comprender o completar acciones —como usuarios con dificultades motoras, cognitivas o de visión— puedan finalizar las tareas sin perder información o ser expulsadas del proceso.

Importancia de cumplir el criterio

No disponer de control sobre los tiempos puede impedir completar solicitudes, pagos o procesos clave. Los usuarios con procesamiento lento, dificultades motoras o lectura asistida pueden perder su progreso, lo que genera barreras críticas e injustas.

Referencias WCAG

Recursos de apoyo

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

  1. Paso 1. Localizar los contenidos que se añaden de manera dinámica a la página y que proporcionan información sobre:
    • a. El éxito o resultado de una acción.
    • b. El estado de espera de una acción.
    • c. El progreso de un proceso.
    • d. La existencia de errores.
  2. Paso 2. Comprobar que, cuando se actualiza esta información, el componente no recibe el foco. (Si recibe el foco, este criterio no aplica y no se debe seguir comprobando).
  3. Paso 3. Comprobar si tiene un rol de WAI-ARIA definido. Para ello, seleccionar “Information → Display ARIA roles”.
  4. Paso 4. Verificar que el rol es correcto de acuerdo con su función.

Resultado esperado

El usuario puede pausar, extender o ajustar el tiempo sin perder contenido ni progreso, salvo excepciones justificadas.

Ejemplo

Se posible extender el tiempo para enviar los datos de un formulario.

<form>
  <p>La sesión expira en <span id="timer">30</span> segundos</p>
  <button type="button" id="extend">Extender tiempo</button>
</form>

<script>
let time = 30;
const timerEl = document.getElementById('timer');
const btn = document.getElementById('extend');
let interval = setInterval(() => {
  time--;
  timerEl.textContent = time;
  if(time <= 0) { alert("Tiempo expirado"); clearInterval(interval); }
}, 1000);
btn.addEventListener('click', () => { time += 60 });
</script>

Otras herramientas de evaluación

  • Revisión de la interfaz: identificar si existe algún límite de tiempo en formularios, sesiones, juegos, banners rotativos, encuestas u otros elementos interactivos.
  • Prueba funcional: comprobar que el usuario puede pausar, extender o desactivar el límite de tiempo antes de que expire, salvo en casos permitidos (p. ej. eventos en tiempo real).
  • Inspección del navegador: revisar scripts o temporizadores que automaticen cierre de sesión, envío automático, mensajes emergentes o expiración del contenido.
  • Pruebas asistivas: verificar con usuarios que usan lectores de pantalla o navegación por teclado que pueden gestionar los controles de pausa/extendido fácilmente.










Ejemplos accesibles y no accesibles creados por alumnos

Comentarios

A continuación se muestran comentarios sobre el criterio 2.2.1-A. Tiempo ajustable

Loading comments...