Addaw, ir a inicio Donar

Técnica Técnicas generales WCAG 2.2 obsoleta

G187Dejar que el navegador detenga el parpadeo (técnica obsoleta)

Nombre oficial en el W3C: Usar una tecnología para incluir contenido parpadeante que pueda desactivarse mediante el agente de usuario

Técnica obsoleta: el W3C ya no la recomienda. Most user agents do not implement a stop animation command as described in this technique.

En pocas palabras

Técnica obsoleta. Proponía usar animaciones, como un GIF animado, que el propio navegador pudiera parar al pulsar la tecla Escape. Hoy casi ningún navegador ofrece esa orden. Por eso la página debe dar su propio botón para pausar o quitar el parpadeo.

Por qué es importante

Un texto o un banner que parpadea sin parar distrae mucho. Afecta a personas con problemas de atención, de lectura o de memoria. También molesta a quien usa una lupa de pantalla.

La idea era delegar en el navegador la forma de pararlo. El problema es que los navegadores actuales ya no detienen los GIF con Escape. Si la web depende de eso, la persona se queda sin forma de parar el parpadeo.

Cómo se hace

  1. No confíe en que el navegador detenga las animaciones: esta técnica ya no sirve para cumplir.
  2. Evite el parpadeo siempre que pueda. Para destacar un aviso, use color, tamaño o un borde.
  3. Si necesita un elemento que parpadea, haga que se pare solo antes de 5 segundos.
  4. Si dura más, ponga junto a él un botón accesible con teclado para pausarlo o detenerlo.
  5. Otra opción es ofrecer un enlace al principio que cargue la misma página sin parpadeo.

Cómo comprobarlo

  1. Abra la página y busque textos, banners o imágenes que parpadeen.
  2. Pulse Escape y compruebe si se paran. Lo normal hoy es que no se paren.
  3. Busque un botón o un enlace propio de la página para pausar, detener u ocultar el parpadeo.
  4. Use ese control solo con el teclado y compruebe que el parpadeo se detiene.
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 G187 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

Todas las tecnologías.

Descripción

El objetivo de esta técnica es garantizar que el contenido parpadeante pueda desactivarse mediante las funciones del agente de usuario. Los agentes de usuario permiten a los usuarios detener la animación del contenido en determinadas tecnologías. Cuando el usuario activa esta función, se detiene toda la animación, incluido el parpadeo. Esta función puede ofrecerse mediante controles interactivos que cumplan las WCAG o mediante atajos de teclado documentados.

La forma más habitual de que los usuarios detengan la animación es pulsar la tecla «Escape». Siempre que no haya procesos que tengan prioridad en la cola de eventos para la pulsación de esa tecla, esta se interpreta como una orden de detener la animación del contenido en movimiento o parpadeante.

Entre las tecnologías con las que se sabe que esto funciona en general se encuentran:

  • Graphics Interchange Format (GIF)
  • Animated Portable Network Graphics (APNG)

Ejemplos

  • Una página contiene un banner parpadeante destinado a atraer la atención del usuario. El banner es una imagen GIF animada que se repite indefinidamente. El usuario pulsa la tecla «Escape», lo que hace que el agente de usuario detenga la animación de todas las imágenes GIF animadas de la página.

Pruebas

Procedimiento

  1. Cargar una página que incluya contenido parpadeante.
  2. Activar el comando del navegador para detener la animación (normalmente la tecla Escape).
  3. Comprobar si el parpadeo se detiene.

Resultados esperados

  • La comprobación n.º 3 es verdadera.

Cómo lo comprobamos en ADDAW

En cada auditoría de ADDAW revisamos esta técnica página a página y le entregamos los errores con capturas y la forma de corregirlos.

Solicitar una auditoría

Basado en la técnica G187 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.