Técnica Técnicas generales WCAG 2.2
G152Hacer que los GIF animados dejen de moverse antes de 5 segundos
Nombre oficial en el W3C: Configurar los GIF animados para que dejen de parpadear a los 5 segundos o antes
En pocas palabras
Un GIF animado que parpadea o se mueve sin parar distrae y molesta. Esta técnica consiste en configurar el GIF para que repita su animación pocas veces y se detenga en 5 segundos o menos. Se consigue ajustando el número de fotogramas, su duración y las repeticiones.
Por qué es importante
El movimiento constante atrae la mirada una y otra vez. A personas con déficit de atención, dificultades de aprendizaje o baja visión les impide concentrarse en el texto.
Si la animación para sola en 5 segundos, no hace falta añadir un botón de pausa. Así se cumple el criterio sobre contenido en movimiento.
Cómo se hace
- Abra el GIF en un editor de imágenes y mire tres datos: cuántos fotogramas tiene, cuánto dura cada uno y cuántas veces se repite.
- Calcule la duración total: suma de la duración de todos los fotogramas multiplicada por el número de repeticiones.
- Elija un número de repeticiones que no pase de 5 segundos. Redondee siempre hacia abajo. Por ejemplo, si una vuelta dura 1,5 segundos, ponga 3 repeticiones (4,5 s), no 4.
- Evite el valor «repetir siempre» (bucle infinito).
- Si una sola vuelta ya dura más de 5 segundos, quite fotogramas o acórtelos. Cuide que no aparezcan destellos rápidos, que pueden provocar crisis epilépticas.
Cómo comprobarlo
- Cargue la página y cronometre cuánto tiempo se mueve el GIF.
- Si prefiere calcularlo, abra el GIF en un editor y anote fotogramas, duración de cada uno y repeticiones.
- Compruebe que la animación termina en 5 segundos o menos.
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 G152 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
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
- Mostrar un GIF animado y cronometrar cuánto tiempo se anima.
- 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.
- 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 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.
Basado en la técnica G152 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.