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

De WCAG Wiki
VisualWikitexto
Página creada con «== '''2.2.1 C-Sólo deben existir actualizaciones automáticas <meta> de todo el contenido de la página si se proporcionan herramientas para detener, extender o ajustar el límite de tiempo.''' == '''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 C-Sólo deben existir actualizaciones automáticas <meta> de todo el contenido de la página si se proporcionan herramientas para detener, extender o ajustar el límite de tiempo.''' ==
{{CriterioWCAG
'''A) EJEMPLO ACCESIBLE:'''
|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.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-C


'''B) EJEMPLO NO ACCESIBLE:'''
|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>
<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 cognitiva]]
[[Categoría:Discapacidad motriz]]
[[Categoría:Discapacidad visual total]]
[[Categoría:Discapacidad baja visión]]
[[Categoría:Discapacidad auditiva]]
[[Categoría:Discapacidad sordoceguera]]
 
 
|wcag_texto_criterioOAW=
Sólo deben existir actualizaciones automáticas <meta> de todo el contenido de la página si se proporcionan herramientas para detener, extender o ajustar el límite de tiempo.
 
|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/WCAG21/Techniques/failures/F41 F41: Failure of Success Criterion 2.2.1, 2.2.4, and 3.2.5 due to using meta refresh to reload the page]</span></li>
</ul>
 
|wcag_recursos= No hay
 
|wcag_tipo_evaluacion=Manual
 
|wcag_pasos_evaluacion=
<ol class="paso-list">
<li><span class="paso-badge">Paso 1.</span>
Usando la herramienta de inspección de código del navegador, localizar si existen actualizaciones automáticas mediante etiquetas <code>&lt;meta&gt;</code>.
</li>
 
<li><span class="paso-badge">Paso 2.</span>
Verificar que se ofrece algún medio para detener, extender o ajustar el límite de tiempo asociado a dichas actualizaciones.
</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">
La pagina se actualiza cada 60 segundos, pero el usuario puede parar la actualización.
<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>
 
 
|wcag_otras_herramientas_evaluacion=
<ul>
<li>'''Inspección del navegador''': buscar actualizaciones automáticas del contenido realizadas mediante etiquetas <code>&lt;meta&gt;</code> (p. ej. <code>meta refresh</code>) o scripts que recargan la página o fragmentos sin interacción del usuario.</li>
<li>'''Prueba funcional''': comprobar si la página se actualiza sola y verificar que el usuario dispone de mecanismos para detener, pausar, extender o controlar el ritmo de actualización.</li>
<li>'''Herramientas de desarrollo''': usar DevTools (Network/Performance) para detectar recargas automáticas, peticiones periódicas o temporizadores (<code>setInterval</code>, <code>setTimeout</code>).</li>
<li>'''Tecnologías de apoyo''': (NVDA, JAWS, VoiceOver) confirmar que las actualizaciones no interrumpen la lectura ni mueven el foco de manera inesperada y que los controles para gestionarlas son accesibles.</li>
</ul>
 
}}

Revisión actual - 12:41 6 nov 2025

2.2.1-C. Actualizaciones automáticas con control del usuario

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)

  • Sólo deben existir actualizaciones automáticas <meta> de todo el contenido de la página si se proporcionan herramientas para detener, extender o ajustar el límite de tiempo.

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

No hay

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

  1. Paso 1. Usando la herramienta de inspección de código del navegador, localizar si existen actualizaciones automáticas mediante etiquetas <meta>.
  2. Paso 2. Verificar que se ofrece algún medio para detener, extender o ajustar el límite de tiempo asociado a dichas actualizaciones.

Resultado esperado

El usuario puede detener o ajustar la actualización automática, o la página no se actualiza automáticamente.

Ejemplo

La pagina se actualiza cada 60 segundos, pero el usuario puede parar la actualización. 

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

Otras herramientas de evaluación

  • Inspección del navegador: buscar actualizaciones automáticas del contenido realizadas mediante etiquetas <meta> (p. ej. meta refresh) o scripts que recargan la página o fragmentos sin interacción del usuario.
  • Prueba funcional: comprobar si la página se actualiza sola y verificar que el usuario dispone de mecanismos para detener, pausar, extender o controlar el ritmo de actualización.
  • Herramientas de desarrollo: usar DevTools (Network/Performance) para detectar recargas automáticas, peticiones periódicas o temporizadores (setInterval, setTimeout).
  • Tecnologías de apoyo: (NVDA, JAWS, VoiceOver) confirmar que las actualizaciones no interrumpen la lectura ni mueven el foco de manera inesperada y que los controles para gestionarlas son accesibles.










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




Obtenido de «https://wikiwcag.udl.cat/index.php?title=Principio_2/2.2_Tiempo_Suficiente/2.2.1-C&oldid=3720»