2526UPSA2.2.1-B-000
Edición de la página como formulario
1. Información básica
Enlace directo a la página del subcriterio en la wiki https://wikiwcag.udl.cat/Principio_2/2.2_Tiempo_Suficiente/2.2.1-B
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://wikiwcag.udl.cat/Principio_2/2.2_Tiempo_Suficiente/2.2.1-B
2.1.2. Código HTML:
<head>
<meta http-equiv="refresh" content="5; url=https://help.usajobs.gov/how-to">
</head>
<body>
</body>
Explicación del problema detectado:
El código utiliza la etiqueta <meta http-equiv="refresh" content="5; url=..."> para forzar una redirección automática después de 5 segundos. Esto incumple el criterio WCAG 2.2.1 (Tiempo suficiente) porque impone un límite temporal arbitrario sobre el que el usuario no tiene control. Según la normativa de accesibilidad, las redirecciones deben ser instantáneas (0 segundos) para ser transparentes, o bien requerir una acción manual del usuario (clic en un enlace) para ejecutarse, evitando así cambios de contexto inesperados que interrumpan la lectura o navegación.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Esta práctica crea una barrera significativa para usuarios con discapacidad cognitiva o dificultades de lectura, quienes pueden no tener tiempo suficiente para procesar el mensaje de aviso antes de que la página desaparezca, causándoles confusión y desorientación. Asimismo, afecta gravemente a usuarios ciegos que utilizan lectores de pantalla, ya que la redirección repentina corta la síntesis de voz a mitad de frase, haciéndoles perder el contexto de navegación sin saber qué ha ocurrido o hacia dónde se les ha llevado.
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
No se ha subido ninguna imagen.
b) Enlace de donde se ha obtenido la imagen:
https://www.w3.org/WAI/WCAG21/Techniques/html/H76
2.2.2 Código HTML:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Panucci's Pizza</title>
<meta http-equiv="refresh" content="0; URL=https://planet-express.example.com">
</head>
<body>
<p>This page has moved to <a href="https://planet-express.example.com">
Planet Express</a>.</p>
</body>
</html>
Explicación de la solución aplicada:
La forma accesible de manejar redirecciones del lado del cliente, según la técnica H76 de WCAG, es establecer el tiempo de espera en cero (content="0; url=..."). Esto asegura que el navegador cargue la nueva página de manera instantánea, haciendo el cambio transparente para el usuario y evitando que los lectores de pantalla comiencen a leer contenido que va a desaparecer repentinamente. Alternativamente, si no se puede hacer instantáneo, la solución más robusta es eliminar la redirección automática por completo y proporcionar un enlace estático simple ("Esta página se ha movido, haga clic aquí para ir a la nueva dirección"), otorgando así el control total de la navegación al usuario.
