2526UPSA1.4.2-A-000
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_1/1.4_Distinguible/1.4.2-A
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://originalhampster.ytmnd.com/
2.1.2. Código HTML:
<div id="site_info_right">
<div>
<label>Sound</label>
<div id="sound_origin" class="rt_parse">
The Hampster Dance (from Disney's Robin Hood)
</div>
</div>
</div>
<div id="foreground_image"
style="background-image: url('blob:https://originalhampster.ytmnd.com/081fb62d...');
background-repeat: repeat;">
</div>
<div id="zoom_text"
style="background-image: url('blob:https://originalhampster.ytmnd.com/28ae7497...');
background-repeat: no-repeat;
height: 480px;">
</div>
<!-- Representación del sonido que se reproduce automáticamente -->
<audio src="hampsterdance.mp3" autoplay loop></audio>
Explicación del problema detectado:
Al entrar en la página originalhampster.ytmnd.com, la música empieza a sonar de forma automática y continúa durante más de tres segundos. No aparece ningún control visible que permita detenerla, pausarla o controlar el volumen del sonido. Esto hace que el usuario no tenga forma de parar el sonido.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Personas con discapacidad cognitiva: El sonido que se reproduce sin previo aviso puede generar confusión y dificultar la concentración. Además, la página no tiene un control visible para detener el audio, lo que hace más difícil usar la página con comodidad.
Personas con discapacidad visual total: Las personas que utilizan un lector de pantalla dependen del audio para navegar. Si la página reproduce música de forma automática y no existe un mecanismo para detenerla, la voz del lector queda tapada por el sonido. Esto dificulta escuchar la voz del lector y acceder al contenido.
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://www.microsoft.com/es-es/windows/business/devices/copilot-plus-pcs#Sizzlevideo
2.2.2 Código HTML:
<video class="fill-parent"
poster="https://cdn-dynmedia-1.microsoft.com/.../Copilot-Employee_tbmnl_en-us?scl=1"
disablepictureinpicture
playsinline>
<source src="blob:https://www.microsoft.com/31874035-6185-460a-93f4-800b635a4aca">
</video>
Explicación de la solución aplicada:
En esta página el vídeo no se reproduce automáticamente. Solo empieza cuando el usuario pulsa el botón “Ver vídeo” y al abrirlo aparecen los controles habituales para pausarlo o ajustar el sonido.
Esto evita que el audio no interrumpa sin aviso y no interfiere con los lectores de pantalla ni con personas sensibles a ruidos inesperados. Al dejar el control del audio en manos del usuario, la página cumple el criterio 1.4.2-A.
