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: | ||
== | {{CriterioWCAG | ||
|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 | |||
|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= | |||
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
- Nivel: A
- Versión: 2.0
- Principio: 2_Operable
- Pauta: 2.2_Tiempo_suficiente
- Grupo: Interacción
- Subgrupo: Tiempo
Discapacidades afectadas
Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.
-
Visual total – Barrera grave -
Baja visión – Barrera moderada -
Motriz – Barrera grave -
Cognitiva – Barrera grave -
Auditiva – Barrera leve -
Sordoceguera
–
Barrera grave
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
- G202: Ensuring keyboard control for all functionality
- H91: Using HTML form controls and links
- G90: Providing keyboard-triggered event handlers
- SCR20: Using both keyboard and other device-specific functions
- SCR35: Making actions keyboard accessible by using the onclick event of anchors and buttons
- SCR2: Using redundant keyboard and mouse event handlers
- F54: Failure due to using only pointing-device-specific event handlers (including gesture) for a function
- F42: Failure when emulating links but not making them keyboard accessible
Recursos de apoyo
Evaluación del criterio
Tipo de evaluación
Evaluación Manual
Procedimiento de evaluación
- 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.
- 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).
- Paso 3. Comprobar si tiene un rol de WAI-ARIA definido. Para ello, seleccionar “Information → Display ARIA roles”.
- 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...
