2.3.1 Tres destellos o menos del umbral
Criterio de éxito oficial
Las páginas web no contienen nada que parpadee más de tres veces en un período de un segundo, o que el destello esté por debajo de los umbrales generales de destello y destello rojo.
Requisito de no interferencia
Cualquier contenido que no cumpla este criterio puede interferir con el uso de la página completa. Todo el contenido de la página debe cumplirlo. Ver Requisito de Conformidad 5.
¿Qué es?
El contenido como vídeos, GIFs u otras animaciones puede incluir destellos rápidos entre colores oscuros y claros. Para personas con trastornos fotosensibles, las luces intermitentes pueden desencadenar convulsiones potencialmente graves. Un destello se define por cambios abruptos en el contraste de luz o color. Las personas son especialmente sensibles a los destellos rojos saturados.
Umbral de destellos por segundo
Parpadeo vs. destello
Los términos «parpadeante» y «destellante» a veces se refieren al mismo contenido, pero tienen implicaciones muy diferentes:
Parpadeo (Blink)
Contenido que causa un problema de distracción.
Se puede permitir por un corto tiempo, siempre que se detenga en 5 segundos o se pueda detener.
Cubierto por 2.2.2 Pausa, Detener, Ocultar.
Destello (Flash)
Contenido que puede provocar convulsiones (más de 3 por segundo, grande y brillante).
No se puede permitir ni por un segundo. La convulsión puede ocurrir más rápido de lo que el usuario podría reaccionar.
Cubierto por 2.3.1 este criterio.
Intersección
Si un parpadeo ocurre a velocidades de 3 o más por segundo, también se considera un destello y debe cumplir este criterio.
¿Por qué es importante?
Las personas con trastornos convulsivos fotosensibles no pueden controlar las reacciones de su cuerpo. Cualquier destello inesperado puede ponerles en situaciones potencialmente mortales o, como mínimo, muy incómodas: convulsiones, migrañas, mareos y náuseas.
Este criterio garantiza que todos puedan acceder al contenido de forma segura, independientemente de su sensibilidad fotosensible.
¿Quién se ve afectado?
Personas con epilepsia fotosensible: Los destellos a ciertas frecuencias pueden desencadenar convulsiones. Los destellos rojos saturados son especialmente peligrosos.
Personas con otros trastornos fotosensibles: Incluso sin diagnóstico de epilepsia, algunas personas experimentan migrañas, mareos o náuseas ante destellos rápidos.
Cómo implementar 2.3.1
Menos de 3 destellos/segundo
Reducir la frecuencia de destellos a menos de tres por cada período de un segundo. Un destello = cada transición abrupta entre un estado claro y uno oscuro.
FrecuenciaÁrea pequeña de destello
Si el contenido parpadea más de 3 veces/segundo, mantener el área de destello por debajo del 25% de los 10 grados centrales de visión (aprox. 341×256 px CSS).
ÁreaCampo visual de 10 grados y área máxima de destello
El área de destello debe mantenerse por debajo del 25% del rectángulo de 10° centrales de visión.
Cuidado especial con el rojo
Las personas son más sensibles a los destellos rojos saturados. Un destello rojo se define como una transición que incluye un estado con un valor R/(R+G+B) ≥ 0.8. Estos destellos son especialmente peligrosos y deben evitarse.
Herramientas de análisis
Usa herramientas como la Photosensitive Epilepsy Analysis Tool (PEAT) del Trace Center o el Harding FPA para analizar vídeos y animaciones antes de publicarlos.
Ejemplos prácticos
Éxito Disparo limitado en tamaño
Un sitio web tiene un vídeo con el destello de un cañón de ametralladora, pero limita el tamaño de la imagen del destello a una porción pequeña de la pantalla, por debajo del umbral de área (25% de 10° de visión central).
Éxito Relámpagos editados
Una película con una escena de relámpagos está editada para que los relámpagos solo aparezcan tres veces o menos en un período de un segundo, manteniendo la tensión dramática sin superar el umbral.
Éxito Juego con explosiones controladas
Un juego de navegador muestra explosiones de colores. Los efectos están diseñados para que los cambios rápidos de luminancia ocurran como máximo 3 veces por segundo, y los efectos más brillantes se limitan a áreas pequeñas.
Técnicas recomendadas
| Código | Técnica | Tipo |
|---|---|---|
| G19 | Garantizar que ningún componente parpadee más de tres veces en 1 segundo | Suficiente |
| G176 | Mantener el área de destello lo suficientemente pequeña | Suficiente |
| G15 | Utilizar una herramienta para verificar que el contenido no viole los umbrales de destello | Suficiente |
Errores comunes
- Vídeos con efectos estroboscópicos (discotecas, conciertos, explosiones) sin editar para reducir la frecuencia.
- GIFs animados con transiciones rápidas de colores contrastantes que se reproducen en bucle infinito.
- Animaciones CSS o JavaScript con cambios de fondo que superan los 3 destellos por segundo en áreas grandes.
- Banners publicitarios con efectos de parpadeo rápido para llamar la atención.
- No analizar el contenido a pantalla completa cuando el vídeo puede reproducirse en ese modo.