2526UFV2.3.1-A-002
Edición de la página como formulario
1. Información básica
Enlace directo a la página del subcriterio en la wiki https://wikiwcag.udl.cat/2526UFV2.3.1-A-002
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
No se ha subido ninguna imagen.
b) Enlace de donde se ha obtenido la imagen:
No se ha indicado ningún enlace.
2.1.2. Código HTML:
<style> @keyframes flash { 0% { background-color: red; } 50% { background-color: white; } 100% { background-color: red; } } .banner-flash { width: 100%; height: 200px; animation: flash 0.2s infinite; } </style> <div class="banner-flash"> Oferta especial por tiempo limitado </div>
Explicación del problema detectado:
El contenido presenta destellos rápidos con una frecuencia superior a tres destellos por segundo, lo que incumple el criterio 2.3.1. La animación provoca cambios visuales bruscos y repetitivos que pueden resultar peligrosos para algunos usuarios.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Personas con fotosensibilidad o epilepsia fotosensible: pueden sufrir ataques, mareos o malestar físico.
Barreras generadas:
Riesgo para la salud y la seguridad del usuario.
Desorientación visual y dificultad para continuar interactuando con el contenido.
Posible abandono inmediato de la página para evitar efectos negativos.
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
No se ha subido ninguna imagen.
b) Enlace de donde se ha obtenido la imagen:
No se ha indicado ningún enlace.
2.2.2 Código HTML:
<style> @keyframes smoothFade { 0% { opacity: 1; } 50% { opacity: 0.7; } 100% { opacity: 1; } } .banner-safe { width: 100%; height: 200px; background-color: #c62828; color: white; animation: smoothFade 3s infinite; } </style> <div class="banner-safe"> Oferta especial por tiempo limitado </div>
Explicación de la solución aplicada:
El contenido utiliza una animación suave que no genera destellos rápidos ni cambios bruscos de color. La frecuencia de la animación se mantiene por debajo del umbral de riesgo, garantizando una experiencia visual segura y cumpliendo el criterio 2.3.1 Umbral de tres destellos.
