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.0
- Principio: 2_Operable
- Pauta: 2.3_Reacciones_físicas
- 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.
-
Cognitiva –
Barrera grave
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 Manual
Procedimiento de evaluación
- Paso 1. Localizar si existe en la página algún contenido que presente destellos.
- Paso 2. Verificar que no se producen más de tres destellos en un segundo.
Resultado esperado
El contenido no supera los tres destellos por segundo o cumple el umbral seguro de área.
Ejemplo ilustrativo
Cualquier contenido web que no parpadee.
Otras herramientas de evaluación
- Revisión visual: identificar contenido que parpadee o destelle (animaciones, anuncios, efectos visuales, vídeos, banners).
- Prueba de frecuencia: comprobar que no se producen destellos superiores a tres por segundo, o bien verificar que el área de destello es lo suficientemente pequeña para no provocar problemas.
- Herramientas de análisis: utilizar el Evaluador de Destellos del W3C (W3C Photosensitive Epilepsy Analysis Tool - PEAT) u otras herramientas de verificación para medir la frecuencia y el área de los destellos.
- Revisión de animaciones y vídeo: inspeccionar CSS/JS o contenido multimedia para identificar patrones de parpadeo y asegurarse de que no superan el umbral permitido.
Ejemplos accesibles y no accesibles creados por alumnos
<!DOCTYPE html>
⚠️ PROBLEMA 3.3.2-C: Este formulario NO tiene etiquetas ni instrucciones claras
Reserva de Hotel
⚠️ Problemas de este formulario:
- No hay etiquetas
<label>para ningún campo - Algunos placeholders son ambiguos ("Código" - ¿qué código?)
- No se indica qué campos son obligatorios
- No hay instrucciones sobre el formato esperado
- El select dice "Selecciona" pero ¿seleccionar qué?
- Un campo no tiene ni placeholder ni etiqueta (campo de email)
- No hay indicación de formato de fecha específico
- No se explica para qué sirve cada campo
<!DOCTYPE html>
✅ ACCESIBLE 3.3.2-C: Este formulario tiene etiquetas e instrucciones claras
Reserva de Hotel
Complete el siguiente formulario para reservar su estadía
Nota: Los campos marcados con * son obligatorios
✅ Implementación correcta:
- Cada campo tiene una etiqueta
<label>clara asociada - Los campos obligatorios están claramente marcados con *
- Hay instrucciones específicas sobre formato y contenido esperado
- Los selectores tienen opciones descriptivas, no ambiguas
- Se explica el propósito de cada campo cuando no es obvio
- Se proporcionan ejemplos en los placeholders
- Hay una nota inicial explicando la convención de campos obligatorios
- Se usan atributos ARIA apropiados (aria-required, aria-describedby)
Comentarios
A continuación se muestran comentarios sobre el criterio 2.3.1-A. Umbral de tres destellos
Loading comments...
