Esta traducción aún no ha sido revisada editorialmente. La versión alemana es la vinculante. Deutsche Fassung →
Barrierefreiheit
¿Con qué frecuencia puede parpadear un sitio web por segundo?
Un sitio web no debe parpadear más de tres veces en ningún segundo. Este límite del criterio WCAG 2.3.1 protege a las personas con epilepsia fotosensible: las áreas que parpadean rápidamente pueden desencadenar convulsiones en ellas — con riesgo de caídas y lesiones. Se ve especialmente afectado por vídeos, banners publicitarios animados y animaciones de efectos con cambio duro claro-oscuro en áreas más grandes.
Tres destellos por segundo como límite de protección
En la epilepsia fotosensible, el cerebro reacciona a cambios rápidos de brillo o color con descargas incontroladas. No es provocado por cualquier animación, sino por destello duro: cambios de gran superficie y alto contraste en rápida sucesión, especialmente con rojo intenso. WCAG establece el límite en tres destellos por segundo. En la práctica web diaria, el peligro rara vez proviene del diseño en sí — más a menudo se encuentra en vídeos incrustados, animaciones de sorteos o banners publicitarios de terceros. Quien publica vídeos debe verificar el material antes del lanzamiento; para escenas de estroboscopio, una advertencia debe ir antes del vídeo, mejor aún: una versión desactivada.
Así es como el servicio de comprobación maneja contenido con destellos
Un análisis confiable de destellos tendría que examinar cada fotograma de cada vídeo para detectar saltos de brillo, proporciones de área afectada y proporciones de rojo. Una prueba rápida superficial que luego informa «aprobada» sería irresponsable con un riesgo para la salud de este tipo. Por lo tanto, el servicio de comprobación no juzga automáticamente aquí: el informe indica este criterio como un punto que requiere verificación manual. Esta es parte de nuestro principio de indicar cada criterio WCAG individualmente — aprobado, violado, verificación manual requerida o no verificable automáticamente. Una comprobación vacía se considera un error, nunca un pase.
Beispiele
Blinkender Hinweis
.neu { animation: blink 0.2s infinite; } /* 5 Wechsel je Sekunde */.neu { animation: blink 1s 3; } /* 1 Wechsel je Sekunde, endet nach 3 Sekunden */Mehr als drei Blitze je Sekunde können einen Anfall auslösen. Am sichersten: gar kein Blinken.
- Revise cada vídeo antes de la publicación para detectar efectos estroboscópicos y de destello, especialmente en vídeos de eventos y productos.
- Evite banners publicitarios y animaciones con rápido cambio claro-oscuro o destellos de rojo intenso.
- Coloque una advertencia clara antes de escenas de destello inevitable y ofrezca una versión desactivada.
- Pregunte sobre qué contenido animado se reproduce en los espacios publicitarios comprados — el contenido de terceros también se ejecuta en su sitio.