Diferencia entre revisiones de «Principio 2/2.2 Tiempo Suficiente/2.2.1-A»

De WCAG Wiki
Sin resumen de edición
Sin resumen de edición
Línea 42: Línea 42:


|wcag_texto_criterioOAW=
|wcag_texto_criterioOAW=
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).
Si existe algún límite de tiempo para leer o interactuar con el contenido entonces dicho límite de tiempo se debe poder detener, extender o ajustar su duración a no ser que el límite de tiempo sea esencial para la actividad, tenga que ver con un evento en tiempo real (p. ej. una subasta) o su duración es superior a 20 horas


|wcag_descripcion_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.


|wcag_descripcion_resumida=
Se exceptúan situaciones donde el tiempo es intrínseco, como subastas o eventos en directo.
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.


|wcag_objetivo=
|wcag_objetivo=
Línea 52: Línea 53:


|wcag_importancia=
|wcag_importancia=
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.
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.


|wcag_referencias=
|wcag_referencias=
<ul>
<ul>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/general/G202 G202: Ensuring keyboard control for all functionality]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/general/G133 G133: Providing a checkbox on the first page of a multi-part form that allows users to ask for longer session time limit or no session time limit]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/html/H91 H91: Using HTML form controls and links]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/general/G198 G198: Providing a way for the user to turn the time limit off]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/general/G90 G90: Providing keyboard-triggered event handlers]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/general/G180 G180: Providing the user with a means to set the time limit to 10 times the default time limit]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/client-side-script/SCR20 SCR20: Using both keyboard and other device-specific functions]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/client-side-script/SCR16 SCR16: Providing a script that warns the user a time limit is about to expire]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/client-side-script/SCR35 SCR35: Making actions keyboard accessible by using the onclick event of anchors and buttons]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/client-side-script/SCR1 SCR1: Allowing the user to extend the default time limit]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/client-side-script/SCR2 SCR2: Using redundant keyboard and mouse event handlers]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/general/G4 G4: Allowing the content to be paused and restarted from where it was paused]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/failures/F54 F54: Failure due to using only pointing-device-specific event handlers (including gesture) for a function]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/client-side-script/SCR33 SCR33: Using script to scroll content, and providing a mechanism to pause it]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/failures/F42 F42: Failure when emulating links but not making them keyboard accessible]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/client-side-script/SCR36 SCR36: Providing a mechanism to allow users to display moving, scrolling, or auto-updating text in a static window or area]</span></li>
</ul>
</ul>




|wcag_recursos=
|wcag_recursos=
<ul>
<ul>
<li>[https://www.w3.org/WAI/GL/wiki/Timeouts Patrones de gestión de tiempo del W3C]</li>
<li>[https://section508coordinators.github.io/TrustedTester/timelimits.html Adjustable Time Limits]</li>
<li>[https://accessibilityinsights.io/ Accessibility Insights – pruebas de interacción]</li>
</ul>
</ul>


Línea 77: Línea 82:
|wcag_pasos_evaluacion=
|wcag_pasos_evaluacion=


<ol class="paso-list">
<ol class="paso-list">
<ol class="paso-list">
<li><span class="paso-badge">Paso 1.</span>
<li><span class="paso-badge">Paso 1.</span>
Localizar los contenidos que se añaden de manera dinámica a la página y que proporcionan información sobre:
Comprobar si la página dispone de algún límite de tiempo para alguna tarea.
<ul>
<li>a. El éxito o resultado de una acción.</li>
<li>b. El estado de espera de una acción.</li>
<li>c. El progreso de un proceso.</li>
<li>d. La existencia de errores.</li>
</ul>
</li>
</li>


<li><span class="paso-badge">Paso 2.</span>
<li><span class="paso-badge">Paso 2.</span>
Comprobar que, cuando se actualiza esta información, el componente <strong>no recibe el foco</strong>. 
Verificar que se proporcionan opciones para desactivar el límite de tiempo, ajustar su duración o extenderlo para permitir que todos los usuarios puedan completar la tarea con éxito.
<small>(Si recibe el foco, este criterio no aplica y no se debe seguir comprobando).</small>
</li>
 
<li><span class="paso-badge">Paso 3.</span>
Comprobar si tiene un rol de WAI-ARIA definido. Para ello, seleccionar <strong>“Information → Display ARIA roles”</strong>.
</li>
 
<li><span class="paso-badge">Paso 4.</span>
Verificar que el rol es correcto de acuerdo con su función.
</li>
</li>
</ol>
</ol>
Línea 128: Línea 119:
</pre>
</pre>
</div>
</div>


|wcag_otras_herramientas_evaluacion=
|wcag_otras_herramientas_evaluacion=
<ul>
<ul>
<li>'''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.</li>
<li>'''Revisión de la interfaz''': identificar elementos con límite de tiempo (formularios, sesiones, banners rotativos, juegos, test online, etc.).</li>
<li>'''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).</li>
<li>'''Prueba funcional''': comprobar que existe un mecanismo visible para pausar, extender o desactivar el temporizador antes de que expire, salvo en casos permitidos (tiempo real, esencial o >20h).</li>
<li>'''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.</li>
<li>'''Inspección del navegador''': analizar scripts y eventos temporizados para localizar temporizadores automáticos (p. ej., JavaScript <code>setTimeout</code>, <code>setInterval</code>).</li>
<li>'''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.</li>
<li>'''Tecnologías de apoyo''': usar lector de pantalla o navegación con teclado para asegurarse de que el control para ampliar/detener el tiempo es accesible y operable.</li>
</ul>
</ul>
}}
}}

Revisión del 14:36 5 nov 2025

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)

  • Si existe algún límite de tiempo para leer o interactuar con el contenido entonces dicho límite de tiempo se debe poder detener, extender o ajustar su duración a no ser que el límite de tiempo sea esencial para la actividad, tenga que ver con un evento en tiempo real (p. ej. una subasta) o su duración es superior a 20 horas

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. Comprobar si la página dispone de algún límite de tiempo para alguna tarea.
    2. Paso 2. Verificar que se proporcionan opciones para desactivar el límite de tiempo, ajustar su duración o extenderlo para permitir que todos los usuarios puedan completar la tarea con éxito.

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 elementos con límite de tiempo (formularios, sesiones, banners rotativos, juegos, test online, etc.).
  • Prueba funcional: comprobar que existe un mecanismo visible para pausar, extender o desactivar el temporizador antes de que expire, salvo en casos permitidos (tiempo real, esencial o >20h).
  • Inspección del navegador: analizar scripts y eventos temporizados para localizar temporizadores automáticos (p. ej., JavaScript setTimeout, setInterval).
  • Tecnologías de apoyo: usar lector de pantalla o navegación con teclado para asegurarse de que el control para ampliar/detener el tiempo es accesible y operable.










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...