Addaw, ir a inicio Donar

Técnica Técnicas generales WCAG 2.2

G152Configurar los GIF animados para que dejen de parpadear a los 5 segundos o antes

En resumen

Esta técnica explica cómo ajustar el número de fotogramas, su duración y el número de repeticiones de un GIF animado para que la animación termine en cinco segundos o menos. Evita las distracciones que el parpadeo continuo provoca a personas con déficit de atención, dificultades de lectura o baja visión, y permite cumplir el criterio de poner en pausa, detener u ocultar sin necesidad de añadir controles. Es aplicable a banners, iconos animados y cualquier GIF decorativo o publicitario.

Aplicabilidad

Cualquier tecnología que admita GIF animados (GIF89a)

Descripción

El objetivo de esta técnica es asegurar que las imágenes GIF animadas dejen de parpadear en un plazo de cinco segundos. Hay tres aspectos del diseño de las imágenes GIF animadas que, en conjunto, determinan cuánto tiempo parpadea (o se anima de otro modo) la imagen:

  • el número de fotogramas de la imagen, que son las imágenes individuales de la secuencia de animación;
  • la velocidad de fotogramas, que es el tiempo durante el que se muestra cada imagen;
  • el número de repeticiones, que es el número de veces que se ejecuta la animación completa;

En su forma más simple, la duración de la animación es el número de fotogramas multiplicado por la velocidad de fotogramas y por el número de repeticiones. Por ejemplo, una imagen parpadeante sencilla con 2 fotogramas, una velocidad de fotogramas de 0,5 segundos y 3 repeticiones tendrá una duración de (2 * 0.5 * 3) segundos, es decir, exactamente 3 segundos.

Muchas imágenes GIF animadas tienen una velocidad de fotogramas constante, es decir, el tiempo durante el que se muestra cada fotograma es el mismo. Sin embargo, es posible establecer una velocidad distinta para cada fotograma, para que algunos fotogramas se muestren durante más tiempo que otros. En ese caso, la duración de la animación es la suma de las duraciones de los fotogramas multiplicada por el número de repeticiones. Por ejemplo, una imagen sencilla con dos fotogramas, el primero de los cuales se muestra durante 0,75 segundos y el segundo durante 0,25 segundos, y tres repeticiones tendrá una duración de ((.75 + .25) * 3) segundos, también exactamente 3 segundos.

Para que una imagen deje de parpadear en 5 segundos, debe ajustarse una de las tres variables. Lo más habitual es fijar el número de repeticiones en cinco segundos dividido por el producto del número de fotogramas por la velocidad de fotogramas (o por la suma de las duraciones de los fotogramas). Truncar este número hacia abajo al entero más cercano; no redondear hacia arriba al entero siguiente, para asegurarse de que la imagen se detenga en cinco segundos.

Si incluso una sola repetición produce más de cinco segundos de animación, debe ajustarse uno de los otros factores. Reducir el número de fotogramas de la imagen o aumentar la velocidad de fotogramas. Al aumentar la velocidad de fotogramas, hay que tener cuidado de que la imagen resultante no incumpla el requisito de no superar los umbrales de destellos generales o de destellos rojos; prestar atención a esto es especialmente importante en el caso de imágenes grandes.

Ejemplos

  • Una imagen parpadeante sencilla. Una imagen tiene 2 fotogramas, una velocidad de fotogramas de 0,5 segundos y 3 repeticiones. La animación tiene una duración de (2 * 0.5 * 3) segundos, es decir, exactamente 3 segundos, y por tanto cumple los requisitos del criterio de conformidad.

Pruebas

Procedimiento

  1. Mostrar un GIF animado y cronometrar cuánto tiempo se anima.
  2. Como alternativa, utilizar un editor de imágenes para determinar el número de fotogramas, la velocidad de fotogramas y el número de repeticiones. Calcular el producto del número de fotogramas multiplicado por la velocidad de fotogramas y por el número de repeticiones. Si las velocidades de fotogramas no son uniformes, calcular el producto de la suma de las duraciones de los fotogramas multiplicada por el número de repeticiones.
  3. Con cualquiera de los dos métodos, la duración de la animación debe ser menor o igual que 5 segundos.

Resultados esperados

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

Cómo lo comprobamos en ADDAW

En las auditorías de accesibilidad de ADDAW revisamos cada criterio de conformidad siguiendo este catálogo de técnicas: comprobamos si la web aplica una técnica suficiente y documentamos cada fallo común con capturas y el código afectado, para que el equipo de desarrollo sepa exactamente qué corregir. Los informes siguen la metodología del Observatorio de Accesibilidad y la norma UNE-EN 301 549.

Solicitar una auditoría

Fuente y licencia

Traducción al español, no oficial, realizada por ADDAW a partir de la técnica G152 del documento «Techniques for WCAG 2.2» del W3C (versión del repositorio público del W3C a 22/10/2026). Copyright © W3C® (MIT, ERCIM, Keio, Beihang). Se publica conforme a la licencia de documentos del W3C. El texto normativo de referencia es el original en inglés; si detecta un error en la traducción, escríbanos.

Financiado por la unión europea Gobierno de españa red.es Plan de recuperación transformación y resilencia kit digital