Tres destellos o por debajo del umbral
Ningún elemento de la página puede destellar más de tres veces por segundo, a menos que el destello esté por debajo de los umbrales definidos de tamaño y contraste. Su objetivo es prevenir las convulsiones fotosensibles.
Qué exige este criterio
Ningún contenido puede destellar más de tres veces en cualquier período de un segundo. La norma contempla dos excepciones de puerto seguro: el área que destella es suficientemente pequeña (menos de 21.824 píxeles CSS cuadrados a la distancia de visualización habitual, aproximadamente un cuadrado de 341×341), o bien el cambio de luminancia relativa y el contenido en rojo saturado se mantienen por debajo de los umbrales de destello general y destello rojo definidos en la especificación.
Estos umbrales existen porque la epilepsia fotosensible puede desencadenarse por cambios rápidos de luminancia, especialmente cuando el rojo está implicado. El estándar se basa en la misma investigación que fundamenta las directrices de la televisión de radiodifusión.
Cómo cumplirlo
- Limitar cualquier efecto de destello o estroboscópico animado a tres destellos por segundo como máximo. La mayoría de las interfaces de producto nunca se acercan a este valor; los fallos casi siempre aparecen en vídeos de marketing y contenido de juegos incrustados en páginas.
- Utilizar PEAT (Photosensitive Epilepsy Analysis Tool) del Trace Center, o Harding FPA, para analizar los clips de vídeo antes de incrustarlos.
- Para los GIF animados, ejecutarlos a través de PEAT durante la revisión de contenido.
- Para las animaciones basadas en canvas, perfilar la tasa de cambio de luminancia en tiempo de ejecución si la animación está controlada por datos o por el usuario.
- Evitar los efectos estroboscópicos a pantalla completa en los indicadores de carga, los anuncios o las animaciones de transición.
Fallos habituales
- Anuncios de vídeo con reproducción automática que contienen cortes rápidos entre fotogramas brillantes y oscuros.
- GIF animados importados como recursos de marketing sin revisión de seguridad frente a convulsiones.
- Vídeos incrustados de tráilers de videojuegos (especialmente grabaciones de juegos de ritmo o estilo arcade antiguo) que incluyen secuencias estroboscópicas.
- Efectos de «carga» basados en canvas que destellan color a pantalla completa con alta frecuencia.
- Transiciones de tipo discoteca o estroboscópicas en presentaciones incrustadas como iframes.
Las herramientas automatizadas no pueden detectar este problema: el análisis con PEAT o la revisión manual fotograma a fotograma es la única prueba fiable, y son pocos los sistemas de gestión de contenido que la realizan sistemáticamente.
Por qué es importante
De todos los criterios de conformidad de WCAG, este es el que produce el daño físico más inmediato en caso de incumplimiento. Una página que destella puede desencadenar una crisis tónico-clónica en una persona con epilepsia fotosensible en cuestión de segundos. El ataque de 2008 contra el foro en línea de la Epilepsy Foundation, en el que los participantes subieron deliberadamente GIF estroboscópicos para provocar convulsiones a los lectores, demostró que esto no es teórico. Para los sitios con gran cantidad de contenido multimedia, el criterio 2.3.1 debe tratarse como una verificación de seguridad, no como una casilla de accesibilidad.