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

De WCAG Wiki
Página creada con «== '''2.2.1-A. 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''' == '''A) EJEMPLO ACCESIBLE:''' '''B) EJEMPLO NO ACCESIBLE:'''»
 
Sin resumen de edición
 
(No se muestran 3 ediciones intermedias del mismo usuario)
Línea 1: Línea 1:
== '''2.2.1-A. 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''' ==
{{CriterioWCAG
'''A) EJEMPLO ACCESIBLE:'''
|id_wcag_criterio=2.2.1
|id_wcag_subcriterio=2.2.1-A
|wcag_titulo_criterio=2.2.1-A. Tiempo ajustable
|wcag_nivel=A
|wcag_version=2.0
|wcag_principio=2_Operable
|wcag_principio_url=Principio_2
|wcag_pauta=2.2_Tiempo_Suficiente
|wcag_pauta_url=Principio_2/2.2_Tiempo_Suficiente
|wcag_grupo=Interacción
|wcag_subgrupo=Tiempo
|wcag_subcriterio_url=Principio_2/2.2_Tiempo_suficiente/2.2.1-A


'''B) EJEMPLO NO ACCESIBLE:'''
|wcag_discapacidades=
 
<li class="discapacidad-item"> [[Archivo:Sinvision.png|20px|class=icon-discapacidad|alt=Discapacidad visual total]] <span class="discapacidad-texto">[[:Categoría:Discapacidad visual total|Visual total]]</span> – <span class="gravedad gravedad-grave">Barrera grave</span> </li>
 
<li class="discapacidad-item"> [[Archivo:Bajavision.png|20px|class=icon-discapacidad|alt=Baja visión]] <span class="discapacidad-texto">[[:Categoría:Discapacidad baja visión|Baja visión]]</span> – <span class="gravedad gravedad-moderada">Barrera moderada</span> </li>
 
<li class="discapacidad-item"> [[Archivo:Motriz.png|20px|class=icon-discapacidad|alt=Discapacidad motriz]] <span class="discapacidad-texto">[[:Categoría:Discapacidad motriz|Motriz]]</span> – <span class="gravedad gravedad-grave">Barrera grave</span> </li>
 
<li class="discapacidad-item"> [[Archivo:Cognitiva.png|20px|class=icon-discapacidad|alt=Discapacidad cognitiva]] <span class="discapacidad-texto">[[:Categoría:Discapacidad cognitiva|Cognitiva]]</span> – <span class="gravedad gravedad-grave">Barrera grave</span> </li>
 
<li class="discapacidad-item"> [[Archivo:Auditiva.png|20px|class=icon-discapacidad|alt=Discapacidad auditiva]] <span class="discapacidad-texto">[[:Categoría:Discapacidad auditiva|Auditiva]]</span> – <span class="gravedad gravedad-leve">Barrera leve</span> </li>
 
<li class="discapacidad-item">
  [[Archivo:sordoceguera.png|20px|class=icon-discapacidad|alt=Discapacidad sordoceguera]]
  <span class="discapacidad-texto">[[:Categoría:Discapacidad sordoceguera|Sordoceguera]]</span>
  –
  <span class="gravedad gravedad-grave">Barrera grave</span>
</li>
 
|wcag_lista_discapacidades=
[[Categoría:Discapacidad visual total]]
[[Categoría:Discapacidad baja visión]]
[[Categoría:Discapacidad motriz]]
[[Categoría:Discapacidad cognitiva]]
[[Categoría:Discapacidad auditiva]]
[[Categoría:Discapacidad sordoceguera]]
 
 
|wcag_texto_criterioOAW=
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.
 
Se exceptúan situaciones donde el tiempo es intrínseco, como subastas o eventos en directo.
 
|wcag_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.
 
|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.
 
|wcag_referencias=
<ul>
<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/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/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/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/SCR1 SCR1: Allowing the user to extend the default time limit]</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/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/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>
 
 
 
 
|wcag_recursos=
 
<ul>
<li>[https://section508coordinators.github.io/TrustedTester/timelimits.html Adjustable Time Limits]</li>
</ul>
 
|wcag_tipo_evaluacion=Manual
 
|wcag_pasos_evaluacion=
 
<ol class="paso-list">
<ol class="paso-list">
<li><span class="paso-badge">Paso 1.</span>
Comprobar si la página dispone de algún límite de tiempo para alguna tarea.
</li>
 
<li><span class="paso-badge">Paso 2.</span>
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.
</li>
</ol>
 
 
|wcag_resultado_evaluacion=
El usuario puede pausar, extender o ajustar el tiempo sin perder contenido ni progreso, salvo excepciones justificadas.
 
|wcag_ejemplo_evaluacion=
<div class="accessibility-card">
Se posible extender el tiempo para enviar los datos de un formulario.
<pre class="wcag-codigo-html">
<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>
</pre>
</div>
 
 
|wcag_otras_herramientas_evaluacion=
<ul>
<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 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''': analizar scripts y eventos temporizados para localizar temporizadores automáticos (p. ej., JavaScript <code>setTimeout</code>, <code>setInterval</code>).</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>
 
}}

Revisión actual - 12:41 6 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...