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 1: Línea 1:
== '''2.2.1-A. Tiempo ajustable''' ==
{{CriterioWCAG
<!-- 
|id_wcag_criterio=2.2.1
  Análisis interno:
|id_wcag_subcriterio=2.2.1-A
  Este criterio impacta principalmente a: Personas con discapacidad cognitiva y motriz 
|wcag_titulo_criterio=2.2.1-A. Tiempo ajustable
  Problema grave: Si no se permite ajustar límites de tiempo, los usuarios con dificultades cognitivas o motrices pueden no completar formularios o tareas a tiempo, provocando barreras graves de accesibilidad.
|wcag_nivel=A
-->
|wcag_version=2.0
<html>
|wcag_principio=2_Operable
<!-- criterio 2.2.1-A -->
|wcag_principio_url=Principio_2
<article class="wcag-card">
|wcag_pauta=2.2_Tiempo_suficiente
  <section class="wcag-info">
|wcag_pauta_url=Principio_2/2.2_Tiempo_suficiente
    <ul>
|wcag_grupo=Interacción
      <li><span class="label">Nivel:</span><span class="value">A</span></li>
|wcag_subgrupo=Tiempo
      <li><span class="label">Versión:</span><span class="value">2.2</span></li>
|wcag_subcriterio_url=Principio_2/2.2_Tiempo_suficiente/2.2.1-A
      <li><span class="label">Principio:</span><span class="value">2. Operable</span></li>
 
      <li><span class="label">Pauta:</span><span class="value">2.2 Proporcionar tiempo suficiente para leer y utilizar contenido</span></li>
|wcag_discapacidades=
      <li><span class="label">Categoría:</span><span class="value">Interacción</span></li>
 
      <li><span class="label">Subcategoría:</span><span class="value">Tiempo ajustable</span></li>
<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>  
    </ul>
 
  </section>
<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>  
  <section class="wcag-users">
 
    <p>Usuarios más afectados</p>
<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>  
    <ul>
 
      <li><img src="/images/4/40/Cognitiva.png" alt="Icono discapacidad cognitiva" class="icono-discapacidad" /> Personas con discapacidad cognitiva – <span class="gravedad">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><img src="/images/0/06/Motriz.png" alt="Icono discapacidad motriz" class="icono-discapacidad" /> Personas con discapacidad motriz – <span class="gravedad">Barrera grave</span></li>
 
    </ul>
<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>
  </section>
 
</article>
<li class="discapacidad-item">
</html>
  [[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=
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).
 
 
|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/G202 G202: Ensuring keyboard control for all functionality]</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/G90 G90: Providing keyboard-triggered event handlers]</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/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/SCR2 SCR2: Using redundant keyboard and mouse event handlers]</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/failures/F42 F42: Failure when emulating links but not making them keyboard accessible]</span></li>
</ul>
 
 
|wcag_recursos=
<ul>
<li>[https://www.w3.org/WAI/GL/wiki/Timeouts Patrones de gestión de tiempo del W3C]</li>
<li>[https://accessibilityinsights.io/ Accessibility Insights – pruebas de interacción]</li>
</ul>
 
|wcag_tipo_evaluacion=Manual
 
|wcag_pasos_evaluacion=
 
<ol class="paso-list">
<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:
<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><span class="paso-badge">Paso 2.</span>
Comprobar que, cuando se actualiza esta información, el componente <strong>no recibe el foco</strong>. 
<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>
</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 si existe algún límite de tiempo en formularios, sesiones, juegos, banners rotativos, encuestas u otros elementos interactivos.</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>'''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>'''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>
</ul>
}}

Revisión del 11:31 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)

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