Saltar al contenido
Pon el foco
Criterios de Operable

OperablePauta 2.3 Convulsiones y reacciones físicas

2.3.1Umbral de tres destellos o menos

Nivel ALo exige la normativa (EN 301 549).

Qué pide

Nada destella más de tres veces por segundo.

A quién ayuda: Personas con epilepsia fotosensible.

Un caso real

Un anuncio en vídeo con efectos estroboscópicos.

BienLos efectos se suavizan por debajo del umbral.
MalEl vídeo parpadea rápidamente en rojo y blanco.

Cómo aplicarlo en código

Llamar la atención sin destellos

Más de tres destellos por segundo pueden provocar crisis epilépticas. Usa una transición suave y única.

CorrectoCSS
@keyframes aparece { from { opacity: 0; } to { opacity: 1; } }
.alerta { animation: aparece .3s ease-out; border-left: .5rem solid #a3261c; }

@media (prefers-reduced-motion: reduce) {
  .alerta { animation: none; }
}
IncorrectoCSS
@keyframes parpadeo { 50% { background: #fff; } }
.alerta { animation: parpadeo .1s infinite; }  /* 10 destellos por segundo */

Cómo comprobarlo

Analiza vídeos y animaciones con una herramienta de análisis de destellos como PEAT.

Understanding 2.3.1 (W3C, en inglés)