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

De WCAG Wiki
Sin resumen de edición
Sin resumen de edición
 
(No se muestra una edición intermedia del mismo usuario)
Línea 4: Línea 4:
|wcag_titulo_criterio=2.2.1-B. Redirecciones automáticas sin límite de tiempo
|wcag_titulo_criterio=2.2.1-B. Redirecciones automáticas sin límite de tiempo
|wcag_nivel=A
|wcag_nivel=A
|wcag_version=2.2
|wcag_version=2.0
|wcag_principio=2_Operable
|wcag_principio=2_Operable
|wcag_principio_url=Principio_2
|wcag_principio_url=Principio_2
|wcag_pauta=2.2_Tiempo_suficiente
|wcag_pauta=2.2_Tiempo_Suficiente
|wcag_pauta_url=Principio_2/2.2_Tiempo_suficiente
|wcag_pauta_url=Principio_2/2.2_Tiempo_Suficiente
|wcag_grupo=Interacción
|wcag_grupo=Interacción
|wcag_subgrupo=Navegación
|wcag_subgrupo=Navegación
Línea 48: Línea 48:


|wcag_texto_criterioOAW=
|wcag_texto_criterioOAW=
Si se producen redirecciones automáticas del contenido, ya sea mediante scripts del cliente o del servidor, estas deben ser instantáneas y transparentas para los usuarios, sin imponer un límite de tiempo ni retraso que requiera esperar o reaccionar.
Si se producen redirecciones automáticas del contenido (de cliente o servidor) éstas deben ser instantáneas y transparentes para los usuarios sin imponer un límite de tiempo.


|wcag_descripcion_resumida=
|wcag_descripcion_resumida=
Las redirecciones automáticas no deben forzar al usuario a esperar. Si la página cambia de ubicación, la redirección debe ser inmediata o permitir al usuario elegir cuándo continuar, sin imponer temporizadores.
Las redirecciones automáticas no deben forzar al usuario a esperar.  
 
Si la página cambia de ubicación, la redirección debe ser inmediata o permitir al usuario elegir cuándo continuar, sin imponer temporizadores.


|wcag_objetivo=
|wcag_objetivo=
Evitar que las personas pierdan información o control durante la navegación. Proteger especialmente a quienes necesitan más tiempo para procesar información o realizar acciones.
Evitar que las personas pierdan información o control durante la navegación.  
 
Proteger especialmente a quienes necesitan más tiempo para procesar información o realizar acciones.


|wcag_importancia=
|wcag_importancia=
Línea 61: Línea 65:
|wcag_referencias=
|wcag_referencias=
<ul>
<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/WCAG21/Techniques/failures/F40 F40: Failure due to using meta redirect with a time limit]</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://www.w3.org/WAI/WCAG21/Techniques/failures/F58 F58: Failure of Success Criterion 2.2.1 due to using server-side techniques to automatically redirect pages after a time-out]</span></li>
<li><span lang="en">HTML Standard — Meta Refresh]</span></li>
</ul>
</ul>


|wcag_recursos=
|wcag_recursos= No se incluyen
<ul>
<li>[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta MDN — Meta refresh]</li>
<li>[https://wave.webaim.org/ WAVE Evaluation Tool]</li>
<li>[https://accessibilityinsights.io/ Accessibility Insights]</li>
</ul>


|wcag_tipo_evaluacion=Semiautomática
|wcag_tipo_evaluacion=Manual


|wcag_pasos_evaluacion=
|wcag_pasos_evaluacion=
<ol class="paso-list">
<ol class="paso-list">
<li><span class="paso-badge">Paso 1.</span> Detectar si la página redirige automáticamente.</li>
<li><span class="paso-badge">Paso 1.</span>
<li><span class="paso-badge">Paso 2.</span> Revisar código para identificar:
Usando la herramienta de inspección de código del navegador, localizar las instrucciones relativas a las redirecciones.
<br><code>&lt;meta http-equiv="refresh"&gt;</code>,
</li>
<code>window.location</code>,
<li><span class="paso-badge">Paso 2.</span>
<code>setTimeout()</code>, reglas de servidor.</li>
Verificar que estas redirecciones no llevan aparejado un límite de tiempo.
<li><span class="paso-badge">Paso 3.</span> Verificar que:
</li>
<br>– la redirección es inmediata, o
<br>– el usuario decide cuándo avanzar.</li>
<li><span class="paso-badge">Paso 4.</span> Confirmar que no interrumpe la lectura ni crea confusión.</li>
</ol>
</ol>


|wcag_resultado_evaluacion=
|wcag_resultado_evaluacion=
Línea 93: Línea 89:
|wcag_ejemplo_evaluacion=
|wcag_ejemplo_evaluacion=
<div class="accessibility-card">
<div class="accessibility-card">
<strong>Accesible</strong>
<strong> Accesible</strong>
<pre class="wcag-codigo-html">
<pre class="wcag-codigo-html">
<meta http-equiv="refresh" content="0; url=https://ejemplo.com/nueva">
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="utf-8">
  <meta http-equiv="refresh" content="0; url=https://ejemplo.com/nueva-pagina">
  <title>Redireccionando…</title>
</head>
<body>
  <p>Redireccionando a la nueva página…</p>
  <p>Si no se redirige, visite <a href="https://ejemplo.com/nueva-pagina">este enlace</a>.</p>
</body>
</html>
</pre>
</pre>
</div>
</div>


<div class="accessibility-card-error">
<strong>❌ No accesible</strong>
<pre class="wcag-codigo-html">
<meta http-equiv="refresh" content="10; url=https://ejemplo.com/nueva">
<p>Serás redirigido en 10 segundos...</p>
</pre>
</div>
<div class="accessibility-card">
<strong>✅ Alternativa accesible</strong>
<pre class="wcag-codigo-html">
<p>Este contenido ha cambiado de ubicación.</p>
<a href="https://ejemplo.com/nueva">Ir ahora</a>
</pre>
</div>


|wcag_otras_herramientas_evaluacion=
|wcag_otras_herramientas_evaluacion=
<ul>
<ul>
<li>DevTools del navegador</li>
<li>'''Inspección del navegador''': revisar si existen meta-refresh o scripts que retrasan redirecciones (p. ej., <code>&lt;meta http-equiv="refresh" content="5;url=..."&gt;</code>).</li>
<li>Validadores HTML</li>
<li>'''Prueba funcional''': acceder a la página y comprobar si la redirección ocurre de forma inmediata o si existe una cuenta atrás sin opción de cancelación.</li>
<li>Pruebas con JAWS, NVDA, VoiceOver</li>
<li>'''Herramientas de desarrollo''': usar DevTools (Network) para identificar redirecciones de servidor y confirmar que son instantáneas.</li>
<li>'''Pruebas asistivas''': (NVDA, JAWS, VoiceOver) comprobar que los usuarios no pierden el contexto ni el foco, y que la redirección no ocurre tras una espera sin control.</li>
</ul>
</ul>
}}
}}
<!-- 
  Análisis interno:
  Este criterio impacta principalmente a: Personas con discapacidad cognitiva y motriz 
  Problema grave: Redirecciones automáticas con límite de tiempo pueden impedir que los usuarios lean o interactúen correctamente con el contenido, generando barreras graves. 
-->
<html>
<!-- criterio 2.2.1-B -->
<article class="wcag-card">
  <section class="wcag-info">
    <ul>
      <li><span class="label">Nivel:</span><span class="value">A</span></li>
      <li><span class="label">Versión:</span><span class="value">2.2</span></li>
      <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>
      <li><span class="label">Categoría:</span><span class="value">Interacción</span></li>
      <li><span class="label">Subcategoría:</span><span class="value">Redirecciones automáticas</span></li>
    </ul>
  </section>
  <section class="wcag-users">
    <p>Usuarios más afectados</p>
    <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><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>
  </section>
</article>
</html>

Revisión actual - 12:41 6 nov 2025

2.2.1-B. Redirecciones automáticas sin límite de tiempo

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 se producen redirecciones automáticas del contenido (de cliente o servidor) éstas deben ser instantáneas y transparentes para los usuarios sin imponer un límite de tiempo.

Comprensión del criterio

Descripción resumida

Las redirecciones automáticas no deben forzar al usuario a esperar. Si la página cambia de ubicación, la redirección debe ser inmediata o permitir al usuario elegir cuándo continuar, sin imponer temporizadores.

Objetivo

Evitar que las personas pierdan información o control durante la navegación. Proteger especialmente a quienes necesitan más tiempo para procesar información o realizar acciones.

Importancia de cumplir el criterio

Redirecciones temporizadas pueden generar confusión, pérdida de contenido y desorientación —especialmente en usuarios con discapacidades cognitivas, lector de pantalla o dispositivos de asistencia— impidiendo el uso adecuado del sitio.

Referencias WCAG

Recursos de apoyo

No se incluyen

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 las instrucciones relativas a las redirecciones.
  2. Paso 2. Verificar que estas redirecciones no llevan aparejado un límite de tiempo.

Resultado esperado

Las redirecciones son inmediatas o se activan manualmente, sin obligar a esperar ni perder información.

Ejemplo

Accesible

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="utf-8">
  <meta http-equiv="refresh" content="0; url=https://ejemplo.com/nueva-pagina">
  <title>Redireccionando…</title>
</head>
<body>
  <p>Redireccionando a la nueva página…</p>
  <p>Si no se redirige, visite <a href="https://ejemplo.com/nueva-pagina">este enlace</a>.</p>
</body>
</html>

Otras herramientas de evaluación

  • Inspección del navegador: revisar si existen meta-refresh o scripts que retrasan redirecciones (p. ej., <meta http-equiv="refresh" content="5;url=...">).
  • Prueba funcional: acceder a la página y comprobar si la redirección ocurre de forma inmediata o si existe una cuenta atrás sin opción de cancelación.
  • Herramientas de desarrollo: usar DevTools (Network) para identificar redirecciones de servidor y confirmar que son instantáneas.
  • Pruebas asistivas: (NVDA, JAWS, VoiceOver) comprobar que los usuarios no pierden el contexto ni el foco, y que la redirección no ocurre tras una espera sin control.










Ejemplos accesibles y no accesibles creados por alumnos

Comentarios

A continuación se muestran comentarios sobre el criterio 2.2.1-B. Redirecciones automáticas sin límite de tiempo

Loading comments...