2526UPSA2.3.1-A-001
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/Principio_2/2.3_Reacciones_f%C3%ADsicas/2.3.1-A
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://www.boozallen.com/
2.1.2. Código HTML:
<div class="background-video " style="--bah-background-video-size: cover;">
<video autoplay="" loop="" muted="" playsinline="" preload="auto" poster="" data-desktopsource="https://fastly-signed-us-east-1-prod.brightcovecdn.com/media/v1/pmp4/static/clear/794254180001/6776e4a8-2af2-48e8-aae9-a3df716d73bd/f5d4e8aa-192a-4d8b-8d0a-6f3a5535478c/main.mp4?fastly_token=NmIyNTg5ZmNfYjRmYjk4ZTA1YWI0MTE5ZDcxZTMzYWUzN2Y2NmRkZGFhNmUyN2JiNzAyMjlkOTRkZDRiMDgyNDdkYTBhZDllZV9odHRwczovL2Zhc3RseS1zaWduZWQtdXMtZWFzdC0xLXByb2QuYnJpZ2h0Y292ZWNkbi5jb20vbWVkaWEvdjEvcG1wNC9zdGF0aWMvY2xlYXIvNzk0MjU0MTgwMDAxLzY3NzZlNGE4LTJhZjItNDhlOC1hYWU5LWEzZGY3MTZkNzNiZC9mNWQ0ZThhYS0xOTJhLTRkOGItOGQwYS02ZjNhNTUzNTQ3OGMvbWFpbi5tcDQ%3D" data-mobilesource="https://fastly-signed-us-east-1-prod.brightcovecdn.com/media/v1/pmp4/static/clear/794254180001/6776e4a8-2af2-48e8-aae9-a3df716d73bd/f5d4e8aa-192a-4d8b-8d0a-6f3a5535478c/main.mp4?fastly_token=NmIyNTg5ZmNfYjRmYjk4ZTA1YWI0MTE5ZDcxZTMzYWUzN2Y2NmRkZGFhNmUyN2JiNzAyMjlkOTRkZDRiMDgyNDdkYTBhZDllZV9odHRwczovL2Zhc3RseS1zaWduZWQtdXMtZWFzdC0xLXByb2QuYnJpZ2h0Y292ZWNkbi5jb20vbWVkaWEvdjEvcG1wNC9zdGF0aWMvY2xlYXIvNzk0MjU0MTgwMDAxLzY3NzZlNGE4LTJhZjItNDhlOC1hYWU5LWEzZGY3MTZkNzNiZC9mNWQ0ZThhYS0xOTJhLTRkOGItOGQwYS02ZjNhNTUzNTQ3OGMvbWFpbi5tcDQ%3D" data-keepplaying="">
<source src="https://fastly-signed-us-east-1-prod.brightcovecdn.com/media/v1/pmp4/static/clear/794254180001/6776e4a8-2af2-48e8-aae9-a3df716d73bd/f5d4e8aa-192a-4d8b-8d0a-6f3a5535478c/main.mp4?fastly_token=NmIyNTg5ZmNfYjRmYjk4ZTA1YWI0MTE5ZDcxZTMzYWUzN2Y2NmRkZGFhNmUyN2JiNzAyMjlkOTRkZDRiMDgyNDdkYTBhZDllZV9odHRwczovL2Zhc3RseS1zaWduZWQtdXMtZWFzdC0xLXByb2QuYnJpZ2h0Y292ZWNkbi5jb20vbWVkaWEvdjEvcG1wNC9zdGF0aWMvY2xlYXIvNzk0MjU0MTgwMDAxLzY3NzZlNGE4LTJhZjItNDhlOC1hYWU5LWEzZGY3MTZkNzNiZC9mNWQ0ZThhYS0xOTJhLTRkOGItOGQwYS02ZjNhNTUzNTQ3OGMvbWFpbi5tcDQ%3D" type="video/mp4">
Sorry, your browser doesn't support embedded videos.
</video>
</div>
Explicación del problema detectado:
Al entrar en la página este muestra un video donde no hay posibilidad de poner pausa y que ocupa la vista entera.
Los contenidos del video se cambia constantemente con animaciones y a gran velocidad. Muestra parpadeos constantes y hay momentos en el cual dicho parpadeo esta cargada de un azul vibrante.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Esto puede afectar a personas con problemas de visión tal como epilepsia, personas con migrañas o incluso personas sensibles a la luz.
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://www.teamcherry.com.au/
2.2.2 Código HTML:
<a href="/blog/holiday2025" class="image-wrapper" data-animation-role="image">
<img data-src="https://images.squarespace-cdn.com/content/v1/606d4deb4db8c15ea53b3624/1765844057722-4JJ4VAO2JCD81M9RPVNA/thumbnail2.jpg" data-image="https://images.squarespace-cdn.com/content/v1/606d4deb4db8c15ea53b3624/1765844057722-4JJ4VAO2JCD81M9RPVNA/thumbnail2.jpg" data-image-dimensions="742x742" data-image-focal-point="0.5,0.5" alt="SILKSONG EXPANSION, HOLLOW KNIGHT REFRESHED, AND MORE!" data-load="false" src="https://images.squarespace-cdn.com/content/v1/606d4deb4db8c15ea53b3624/1765844057722-4JJ4VAO2JCD81M9RPVNA/thumbnail2.jpg" width="742" height="742" sizes="(max-width:767px)150vw,105vw" class="image" style="display:block;position: absolute; height: 100%; width: 100%; object-fit: cover; object-position: 50% 50%;" srcset="https://images.squarespace-cdn.com/content/v1/606d4deb4db8c15ea53b3624/1765844057722-4JJ4VAO2JCD81M9RPVNA/thumbnail2.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/606d4deb4db8c15ea53b3624/1765844057722-4JJ4VAO2JCD81M9RPVNA/thumbnail2.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/606d4deb4db8c15ea53b3624/1765844057722-4JJ4VAO2JCD81M9RPVNA/thumbnail2.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/606d4deb4db8c15ea53b3624/1765844057722-4JJ4VAO2JCD81M9RPVNA/thumbnail2.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/606d4deb4db8c15ea53b3624/1765844057722-4JJ4VAO2JCD81M9RPVNA/thumbnail2.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/606d4deb4db8c15ea53b3624/1765844057722-4JJ4VAO2JCD81M9RPVNA/thumbnail2.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/606d4deb4db8c15ea53b3624/1765844057722-4JJ4VAO2JCD81M9RPVNA/thumbnail2.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
</a>
Explicación de la solución aplicada:
En este caso es la imagen pertenece a un formato PNJ que a diferencia del formato GIF, este no presenta movimiento constante.
Al principio cuando entras en la web por primera vez o la primera vez que haces scroll en la página, se puede notar un pequeño y lento movimiento de los contenidos que desaparece después de la primera vez.
La propiedad «Enlace» (como tipo de página) con el valor de entrada «https://wikiwcag.udl.cat/Principio_2/2.3_Reacciones_f%C3%ADsicas/2.3.1-A» contiene caracteres inválidos o está incompleto, por lo que puede causar resultados inesperados durante una consulta o proceso de anotación.
