G11Hacer que el parpadeo dure menos de cinco segundos

Por qué es importante

Un parpadeo constante atrae la mirada una y otra vez. A personas con problemas de atención o algunas dificultades de aprendizaje les impide leer el resto del contenido.

También molesta a quien tiene baja visión. Si el parpadeo termina pronto, cumple su función de destacar sin estorbar.

Cómo se hace

1. Pregúntese primero si el parpadeo es necesario. Un color, un icono o un texto claro suelen bastar.
2. En animaciones CSS, use un número fijo de repeticiones con animation-iteration-count y nunca infinite.
3. Calcule la duración total: duración de cada ciclo por número de repeticiones. Debe ser menor de cinco segundos.
4. En GIF animados, configure un número limitado de repeticiones al exportarlos.
5. Si usa JavaScript, detenga el parpadeo con un temporizador antes de los cinco segundos.

Cómo comprobarlo

1. Cargue la página y localice todo lo que parpadea.
2. Cronometre cada parpadeo desde que empieza hasta que se detiene.
3. Compruebe que dura menos de cinco segundos.
4. En las herramientas del navegador (F12), revise las animaciones CSS y su número de repeticiones.

Ejemplo

La etiqueta «Oferta» parpadea tres veces, durante 2,4 segundos en total, y luego queda fija.

.etiqueta-oferta {
  animation: parpadeo 0.8s 3; /* 0,8 s × 3 = 2,4 s */
}

@keyframes parpadeo {
  50% { opacity: 0.2; }
}