Fallo común WCAG 2.2

F61Páginas que cambian solas sin que se pueda desactivar

Nombre oficial en el W3C: Fallo del criterio de conformidad 3.2.5 debido a un cambio completo del contenido principal mediante una actualización automática que el usuario no puede desactivar desde el contenido

En pocas palabras

Este fallo ocurre cuando el contenido principal de la página cambia por sí solo y no hay forma de evitarlo. Por ejemplo, una portada de noticias que se recarga cada pocos minutos o un pase de fotos a pantalla completa que avanza sin parar. Los cambios grandes deben ocurrir solo cuando la persona los pide, o debe poder desactivarlos.

Por qué es importante

Un cambio que nadie ha pedido rompe la lectura. La persona pierde el punto en el que estaba y tiene que empezar de nuevo.

Quien usa un lector de pantalla (programa que lee en voz alta lo que hay en la pantalla) vuelve al principio de la página tras cada recarga.
Quien lee despacio o usa un ampliador de pantalla no llega a terminar antes del cambio.
A las personas con dificultades de atención o de memoria les cuesta retomar la tarea.

Este requisito es del nivel AAA, el más exigente.

Cómo evitarlo

No recargue la página de forma automática, por ejemplo con <meta http-equiv="refresh"> o con un temporizador en JavaScript.
Si hay contenido nuevo, avise con un mensaje y un botón del tipo «Ver 3 noticias nuevas».
En los pases de fotos o diapositivas, ofrezca botones para pausar y para avanzar a mano.
En los buscadores, muestre los resultados al pulsar «Buscar» o permita desactivar la búsqueda automática.
Si la actualización automática es útil, añada un interruptor visible para apagarla y recuerde la elección.

Cómo comprobarlo

Revise el código: busque meta http-equiv="refresh", temporizadores o cambios del contenido principal sin acción de la persona.
Si no tiene acceso al código, abra la página y déjela quieta mucho más tiempo del que dura una visita normal.
Fíjese si la página se recarga, avanza o cambia de contenido por sí sola.
Si cambia, busque un control para desactivarlo. Si no existe, hay fallo.

Ejemplo

La primera línea recarga la portada cada cinco minutos sin preguntar; la alternativa avisa y deja decidir.

<!-- Fallo: la página se recarga sola cada 300 segundos -->
<meta http-equiv="refresh" content="300">

<!-- Mejor: avisar y dejar que la persona decida -->
<div role="status">
  Hay 3 noticias nuevas.
  <button type="button">Mostrarlas</button>
</div>

Ver el texto completo del W3C (traducción al español)

Esta es una traducción no oficial al español de la técnica F61 de Techniques for WCAG 2.2, del W3C. Puede contener errores. El único documento oficial y normativo es la versión original en inglés, publicada en el sitio web del W3C.

Aplicabilidad

General

Descripción

Este documento describe un fallo que se produce cuando el contenido de la ventana gráfica principal se actualiza automáticamente y el usuario no dispone de ninguna opción para desactivar este comportamiento.

A continuación se presentan dos procedimientos para comprobar la existencia de un fallo del criterio de conformidad 3.2.5. El procedimiento 1 es el preferible y da por supuesto que los autores del contenido tienen acceso al código que genera el contenido de la ventana gráfica.

Sin embargo, puede haber casos en los que esto no sea posible (p. ej., en determinados gestores de contenidos, en entornos de aplicación como Django o Ruby on Rails, o en contenido generado mediante lenguajes de scripting como AJAX o PHP y producido por terceros). Por ese motivo se ofrece el segundo procedimiento, que permite realizar la prueba en estos casos. Tenga en cuenta que los plazos indicados son solo orientativos y que cualquier cambio que se produzca, transcurrido el tiempo que sea, debe tratarse como un fallo si la prueba no supera las demás comprobaciones.

Ejemplos

Un sitio de noticias se recarga automáticamente para asegurarse de mostrar los titulares más recientes. No hay ninguna opción para desactivar este comportamiento.

Un pase de diapositivas ocupa toda la ventana gráfica y avanza a la siguiente diapositiva automáticamente. No hay ningún botón para detenerlo.

Un buscador genera resultados automáticamente y actualiza el contenido de forma dinámica según lo que introduce el usuario. No hay ninguna opción para desactivar este comportamiento.

Pruebas

Procedimiento

Abrir el código fuente en una herramienta de edición adecuada.
Examinar el código fuente a fondo.
Confirmar que el contenido se genera dinámicamente o que el código provocará un cambio de contexto en la ventana gráfica ante un evento o transcurrido un periodo de tiempo.
Confirmar que no existe un mecanismo adecuado para que los usuarios desactiven este comportamiento.

Resultados esperados

Si las comprobaciones n.º 3 y n.º 4 son verdaderas, se da esta condición de fallo y el contenido falla este criterio de conformidad.

Procedimiento

Medir o estimar el tiempo que el usuario medio pasa en la página.
Ir a la página.
Esperar 10 veces el tiempo que el usuario medio permanece en la página (obtenido en el paso 1).
Comprobar si se produce algún cambio de contexto durante ese tiempo.
Si no hay ningún cambio de contexto, DETENERSE.
Si hay un cambio de contexto, comprobar si existe en la página algún mecanismo que hubiera evitado ese cambio de contexto.
Si SÍ existe un mecanismo para evitar ese cambio de contexto, usar dicho mecanismo para evitarlo y repetir la prueba.
Si hay un cambio de contexto y no existe ningún mecanismo para evitarlo, se da el fallo.

Una forma de medir o estimar el tiempo del paso 1 sería consultar las estadísticas de analítica del sitio web para ver cuánto tiempo permanece el usuario medio en la página.

Un ejemplo del paso 6 sería un mecanismo para desactivar las actualizaciones automáticas.

Resultados esperados

Si se llega al paso 8, el contenido falla este criterio de conformidad.

Cómo lo comprobamos en ADDAW

Este error es uno de los que buscamos en cada auditoría de ADDAW. Se lo entregamos con capturas y la forma de corregirlo.

Solicitar una auditoría

Basado en la técnica F61 del W3C (WCAG 2.2). Explicación y ejemplos: ADDAW. Traducción no oficial del texto del W3C © W3C, licencia de documentos del W3C. ¿Ha visto un error? Escríbanos.