Diferencia entre revisiones de «Principio 2/2.2 Tiempo Suficiente/2.2.1-C»
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-C | |||
|wcag_titulo_criterio=2.2.1-C. Actualizaciones automáticas con control del usuario | |||
|wcag_nivel=A | |||
|wcag_version=2.2 | |||
|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-C | |||
< | |wcag_discapacidades= | ||
<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: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: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-moderada">Barrera moderada</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: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> | ||
</ | |||
|wcag_lista_discapacidades= | |||
[[Categoría:Discapacidad cognitiva]] | |||
[[Categoría:Discapacidad motriz]] | |||
[[Categoría:Discapacidad visual total]] | |||
[[Categoría:Discapacidad baja visión]] | |||
[[Categoría:Discapacidad auditiva]] | |||
|wcag_texto_criterioOAW= | |||
Sólo deben existir actualizaciones automáticas de todo el contenido de la página (como recargas vía <code><meta refresh></code>) si se proporcionan herramientas para detener, extender o ajustar dicho límite de tiempo. Si no se permite al usuario controlar el refresco automático, éste no debe producirse. | |||
|wcag_descripcion_resumida= | |||
Las páginas que se actualizan automáticamente (ej., mediante <code>meta refresh</code> o scripts) deben ofrecer controles para desactivar, pausar o ajustar la frecuencia de actualización. | |||
|wcag_objetivo= | |||
Evitar que los usuarios pierdan información, foco o contexto debido a recargas automáticas, especialmente quienes necesitan más tiempo para leer, quienes usan lectores de pantalla o tecnologías de apoyo. | |||
|wcag_importancia= | |||
Las actualizaciones automáticas pueden interrumpir tareas, causar pérdida de datos y generar desorientación, afectando especialmente a personas con discapacidad cognitiva, visual o motriz. | |||
|wcag_referencias= | |||
<ul> | |||
<li><span lang="en">[https://www.w3.org/WAI/WCAG22/Understanding/timing-adjustable.html Understanding Success Criterion 2.2.1]</span></li> | |||
<li><span lang="en">[https://www.w3.org/WAI/WCAG22/quickref/#timing-adjustable WCAG Quick Reference — 2.2.1]</span></li> | |||
<li><span lang="en">[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta MDN — Meta refresh]</span></li> | |||
</ul> | |||
|wcag_recursos= | |||
<ul> | |||
<li>[https://wave.webaim.org/ WAVE Evaluation Tool]</li> | |||
<li>[https://accessibilityinsights.io/ Accessibility Insights]</li> | |||
<li>[https://developer.mozilla.org/ MDN Web Docs]</li> | |||
</ul> | |||
|wcag_tipo_evaluacion=Semiautomática | |||
|wcag_pasos_evaluacion= | |||
<ol class="paso-list"> | |||
<li><span class="paso-badge">Paso 1.</span> Inspeccionar si existen <code><meta http-equiv="refresh"></code> o scripts como <code>location.reload()</code> o <code>setTimeout()</code>.</li> | |||
<li><span class="paso-badge">Paso 2.</span> Confirmar si la actualización ocurre automáticamente sin intervención del usuario.</li> | |||
<li><span class="paso-badge">Paso 3.</span> Verificar que se proporcione opción para detener, posponer o desactivar la actualización automática.</li> | |||
<li><span class="paso-badge">Paso 4.</span> Comprobar que la actualización no interrumpe el foco ni el contenido en lectura.</li> | |||
<li><span class="paso-badge">Paso 5.</span> Testear con lector de pantalla para asegurar que no hay pérdida de contexto.</li> | |||
</ol> | |||
|wcag_resultado_evaluacion= | |||
El usuario puede detener o ajustar la actualización automática, o la página no se actualiza automáticamente. | |||
|wcag_ejemplo_evaluacion= | |||
<div class="accessibility-card"> | |||
<strong>✅ Accesible</strong> | |||
<pre class="wcag-codigo-html"> | |||
<p>La página se actualiza cada 60 segundos.</p> | |||
<button id="pause">Detener actualización</button> | |||
<script> | |||
let autoRefresh=setInterval(()=>{location.reload()},60000); | |||
document.getElementById('pause').addEventListener('click',()=>clearInterval(autoRefresh)); | |||
</script> | |||
</pre> | |||
</div> | |||
<div class="accessibility-card-error"> | |||
<strong>❌ No accesible</strong> | |||
<pre class="wcag-codigo-html"> | |||
<meta http-equiv="refresh" content="30"> | |||
</pre> | |||
</div> | |||
<div class="accessibility-card"> | |||
<strong>✅ Alternativa accesible</strong> | |||
<pre class="wcag-codigo-html"> | |||
<p>Contenido actualizado. Haz clic para refrescar.</p> | |||
<button onclick="location.reload()">Actualizar contenido</button> | |||
</pre> | |||
</div> | |||
|wcag_otras_herramientas_evaluacion= | |||
<ul> | |||
<li>Inspector del navegador (buscar meta refresh y timers)</li> | |||
<li>Pruebas con JAWS, NVDA, VoiceOver</li> | |||
<li>Validadores HTML</li> | |||
</ul> | |||
}} | |||
Revisión del 11:37 5 nov 2025
2.2.1-C. Actualizaciones automáticas con control del usuario
- Nivel: A
- Versión: 2.2
- 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.
-
Cognitiva –
Barrera grave
-
Motriz –
Barrera grave
-
Visual total –
Barrera moderada
-
Baja visión –
Barrera moderada
-
Auditiva –
Barrera leve
Enunciado del criterio (Observatorio de Accesibilidad Web)
- Sólo deben existir actualizaciones automáticas de todo el contenido de la página (como recargas vía
<meta refresh>) si se proporcionan herramientas para detener, extender o ajustar dicho límite de tiempo. Si no se permite al usuario controlar el refresco automático, éste no debe producirse.
Comprensión del criterio
Descripción resumida
Las páginas que se actualizan automáticamente (ej., mediante
meta refresh o scripts) deben ofrecer controles para desactivar, pausar o ajustar la frecuencia de actualización.Objetivo
Evitar que los usuarios pierdan información, foco o contexto debido a recargas automáticas, especialmente quienes necesitan más tiempo para leer, quienes usan lectores de pantalla o tecnologías de apoyo.
Importancia de cumplir el criterio
Las actualizaciones automáticas pueden interrumpir tareas, causar pérdida de datos y generar desorientación, afectando especialmente a personas con discapacidad cognitiva, visual o motriz.
Referencias WCAG
Recursos de apoyo
Evaluación del criterio
Tipo de evaluación
Evaluación Semiautomática
Procedimiento de evaluación
- Paso 1. Inspeccionar si existen
<meta http-equiv="refresh">o scripts comolocation.reload()osetTimeout(). - Paso 2. Confirmar si la actualización ocurre automáticamente sin intervención del usuario.
- Paso 3. Verificar que se proporcione opción para detener, posponer o desactivar la actualización automática.
- Paso 4. Comprobar que la actualización no interrumpe el foco ni el contenido en lectura.
- Paso 5. Testear con lector de pantalla para asegurar que no hay pérdida de contexto.
Resultado esperado
El usuario puede detener o ajustar la actualización automática, o la página no se actualiza automáticamente.
Ejemplo
✅ Accesible
<p>La página se actualiza cada 60 segundos.</p>
<button id="pause">Detener actualización</button>
<script>
let autoRefresh=setInterval(()=>{location.reload()},60000);
document.getElementById('pause').addEventListener('click',()=>clearInterval(autoRefresh));
</script>
❌ No accesible
<meta http-equiv="refresh" content="30">
✅ Alternativa accesible
<p>Contenido actualizado. Haz clic para refrescar.</p> <button onclick="location.reload()">Actualizar contenido</button>
Otras herramientas de evaluación
- Inspector del navegador (buscar meta refresh y timers)
- Pruebas con JAWS, NVDA, VoiceOver
- Validadores HTML
Ejemplos accesibles y no accesibles creados por alumnos
Comentarios
A continuación se muestran comentarios sobre el criterio 2.2.1-C. Actualizaciones automáticas con control del usuario
Loading comments...
