F112Contenido que parpadea más de cinco segundos sin forma de pararlo

Por qué es importante

Un parpadeo continuo atrae la vista una y otra vez. Para personas con problemas de atención o algunas discapacidades cognitivas, eso impide concentrarse en el resto de la página.

También molesta a quien tiene baja visión o usa una lupa de pantalla, y a quien lee despacio. Si el parpadeo no se puede parar, la única salida es abandonar la página.

Cómo evitarlo

1. Evite el parpadeo como recurso para destacar. Un color, un icono o un texto como «Oferta» suelen bastar.
2. Si lo necesita, limite la animación a menos de cinco segundos en total. En CSS, fije un número de repeticiones con animation-iteration-count en lugar de infinite.
3. Si el parpadeo debe durar más, añada un botón visible para pararlo, al principio de la página o junto al elemento.
4. Respete la preferencia del sistema de reducir el movimiento con @media (prefers-reduced-motion: reduce). Es una ayuda extra, no sustituye a lo anterior.
5. No confunda este error con los destellos rápidos. Más de tres destellos por segundo es otro problema más grave (criterio 2.3.1).

Cómo comprobarlo

1. Cargue la página y busque cualquier elemento que parpadee solo: textos, precios, iconos o banners.
2. Cronometre cuánto dura el parpadeo desde que empieza.
3. Si dura más de cinco segundos, busque un botón o un mecanismo para pararlo.
4. Si no existe ese mecanismo, la página tiene este fallo.
5. En las herramientas del navegador (F12), revise las animaciones CSS con valor infinite.

Ejemplo

La primera regla hace parpadear el precio para siempre; la segunda lo limita a cuatro ciclos de un segundo.

/* Incorrecto: parpadea sin fin */
.precio-oferta { animation: parpadeo 1s infinite; }

/* Correcto: 4 ciclos de 1 s y se para */
.precio-oferta { animation: parpadeo 1s 4; }

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