2.3.2 Tres destellos
Criterio de éxito oficial
Las páginas web no contienen nada que destelle más de tres veces en un período de un segundo.
Prohibición absoluta
A diferencia del criterio 2.3.1 (Nivel A), que permite destellos si son suficientemente tenues o de área pequeña, este criterio no admite excepciones. Cualquier destello superior a 3 por segundo constituye una infracción — incluso un solo píxel parpadeante.
¿Qué es?
Ningún elemento de la página debe destellar más de tres veces por segundo. No importa la intensidad del destello ni su tamaño. Un destello se define como un par de cambios rápidos y contrastantes de brillo o color — pasar rápidamente de claro a oscuro y viceversa.
Frecuencia de destellos por segundo
Comparación: 2.3.1 vs 2.3.2
Las WCAG incluyen dos criterios sobre destellos. Entender la diferencia es esencial para determinar el nivel de protección que se ofrece a los usuarios.
Destello vs parpadeo
Las WCAG distinguen entre dos fenómenos visuales con niveles de riesgo y regulación muy diferentes:
Destello (flash)
Cambios rápidos y de alto contraste en brillo o color. Pueden provocar convulsiones y no se pueden permitir.
La convulsión ocurre más rápido de lo que el usuario podría desactivar el contenido.
≥ 3 cambios/segundoParpadeo (blink)
Cambios lentos y repetitivos que no presentan alto contraste. Son una distracción, pero no necesariamente peligrosos.
Ejemplo: una notificación que pulsa suavemente una vez cada 5 segundos.
< 3 cambios/segundoSuperposición
Si un parpadeo ocurre a más de 3 por segundo, también se convierte en un destello y queda sujeto a los criterios 2.3.1 y 2.3.2. Consulte el criterio 2.2.2 Pausa, Detener, Ocultar para las normas sobre parpadeo.
¿Por qué es importante?
El contenido que parpadea rápidamente no solo causa convulsiones, sino que también puede provocar migrañas, náuseas, mareos y otros síntomas en usuarios sensibles.
Algunos usuarios son extremadamente sensibles. Incluso pequeños elementos parpadeantes — como un botón que cambia de color rápidamente — pueden ser suficientes para causar daño, especialmente si utilizan lupas de pantalla o configuraciones de alto contraste que amplifican el efecto visual.
El propósito de este criterio es eliminar los destellos rápidos — no solo minimizarlos. Al prohibir todo destello superior a 3 por segundo sin excepciones, la protección es máxima.
¿Quién se ve afectado?
Personas con epilepsia fotosensible: Pueden experimentar convulsiones al exponerse a luces intermitentes, incluso desde partes pequeñas de la pantalla.
Personas con migrañas o trastornos vestibulares: Pueden sentir mareos, náuseas o desorientación al ver imágenes parpadeantes, aunque no lleguen a causar convulsiones.
Cómo implementar 2.3.2
La regla de los 3 destellos
El único enfoque es no destellar más de tres veces por segundo. No hay excepciones de brillo ni de tamaño. Si tienes una animación intermitente, reduce la velocidad. Si estás editando un vídeo, corta o atenúa las secuencias demasiado rápidas. Lo más seguro es evitar los destellos por completo.
✓ Correcto
Una animación de transición cambia gradualmente de fondo claro a oscuro en 1 segundo, solo 2 veces. Cumple el criterio con margen.
✗ Incorrecto
Un efecto de explosión en un juego hace parpadear la pantalla 8 veces en un segundo entre blanco y negro. Infringe el criterio, incluso si el área afectada es pequeña.
Herramientas de verificación
Antes de publicar vídeos o animaciones, verifica su cumplimiento con herramientas especializadas:
- PEAT (Photosensitive Epilepsy Analysis Tool) — Trace Center
- Harding FPA — análisis de destello para contenido audiovisual
Ejemplos prácticos
Éxito Transición suave entre diapositivas
Una presentación web usa transiciones de desvanecimiento (fade) entre diapositivas que tardan 0,5 segundos. No hay cambios bruscos de contraste a más de 3 por segundo. Cumple el criterio.
Éxito GIF con loop limitado
Un GIF que ilustra un proceso de carga tiene 3 fotogramas que se alternan, pero a una velocidad de 2 fotogramas por segundo. No supera el umbral de 3 destellos por segundo.
Fallo Botón con efecto de atención
Un botón «Comprar ahora» tiene una animación CSS que lo hace parpadear rápidamente entre naranja y blanco 5 veces por segundo para llamar la atención. Falla el criterio 2.3.2, aunque el botón sea pequeño (a diferencia del 2.3.1, el tamaño no importa aquí).
Técnicas recomendadas
| Código | Técnica | Tipo |
|---|---|---|
| G19 | Garantizar que ningún componente parpadee más de tres veces en 1 segundo | Suficiente |
Errores comunes
- Animaciones CSS con
animation-durationmuy corto que hacen que los colores alteren más de 3 veces por segundo. - Vídeos con efectos estroboscópicos o de discoteca sin editar.
- GIFs animados de alta velocidad, especialmente aquellos importados de redes sociales sin verificar.
- Efectos JavaScript de «glitch» o «error» visual que alternan colores rápidamente.
- Asumir que el criterio 2.3.1 (Nivel A) se cumple y creer que eso es suficiente para 2.3.2: la excepción de área o brillo no aplica aquí.