Principio 2/2.3 Reacciones físicas/2.3.1-A
De WCAG Wiki
2.3.1-A. Umbral de tres destellos
- Nivel: A
- Versión: 2.2
- Principio: 2_Operable
- Pauta: 2.3_Ataques_fotosensitivos
- Grupo: Percepción_visual
- Subgrupo: Fotosensibilidad
Discapacidades afectadas
Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.
-
Baja visión –
Barrera grave
-
Cognitiva –
Barrera grave
-
Visual total –
Barrera moderada
-
Motriz –
Barrera leve
-
Auditiva –
Barrera leve
Enunciado del criterio (Observatorio de Accesibilidad Web)
- El contenido no debe presentar destellos con una frecuencia superior a tres destellos por segundo, a menos que el área con destellos sea suficientemente pequeña.
Comprensión del criterio
Descripción resumida
El contenido no puede incluir destellos rápidos que puedan provocar ataques fotosensitivos. Si hay destellos, su frecuencia debe ser menor o igual a tres por segundo o cumplir el umbral de tamaño seguro.
Objetivo
Evitar desencadenar ataques fotosensitivos o convulsiones en personas sensibles a destellos rápidos, garantizando un entorno visual seguro.
Importancia de cumplir el criterio
Los destellos intensos y rápidos pueden causar ataques, mareos o desorientación. Controlar la frecuencia y área destellante protege la salud y seguridad de las personas usuarias.
Referencias WCAG
Recursos de apoyo
Evaluación del criterio
Tipo de evaluación
Evaluación Semiautomática
Procedimiento de evaluación
- Identificar videos, animaciones o efectos con destellos visibles.
- Comprobar si hay más de tres destellos por segundo.
- Analizar el área destellante para confirmar si entra dentro del umbral permitdo.
- Utilizar PEAT u otras herramientas de evaluación fotosensible.
- Validar que el contenido no supone riesgo ni genera malestar visual.
Resultado esperado
El contenido no supera los tres destellos por segundo o cumple el umbral seguro de área.
Ejemplo
✅ Accesible
<style>
.pulse { animation: slowBlink 1.5s infinite; }
@keyframes slowBlink {
0%,100% { opacity:1; }
50% { opacity:.4; }
}
</style>
<div class="pulse">Mensaje destacado</div>
❌ No accesible
<style>
.flash { animation: fastBlink .2s infinite; } /* 5 destellos/segundo */
@keyframes fastBlink {
0%,100% { opacity:1; background:red; }
50% { opacity:.2; background:yellow; }
}
</style>
<div class="flash">¡Oferta!</div>
Otras herramientas de evaluación
- PEAT — análisis de destellos fotosensitivos
- AXE, WAVE, Accessibility Insights
- Pruebas en distintos monitores y contrastes
Ejemplos accesibles y no accesibles creados por alumnos
Comentarios
A continuación se muestran comentarios sobre el criterio 2.3.1-A. Umbral de tres destellos
Loading comments...
