2526UPSA1.2.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.2_Medios_basados_en_el_tiempo/1.2.2-A
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://www.youtube.com/watch?v=Hzgzim5m7oU
2.1.2. Código HTML:
<video controls width="100%">
<source src="Nombre-Archivo-de-Video.mp4" type="video/mp4">
</video>
Explicación del problema detectado:
El problema encontrado en el video de ejemplo es que no se pueden activar unos subtítulos, ni siquiera unos generados automáticamente.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Los usuarios que se ven principalmente afectados por el incumplimiento de este criterio son las personas con discapacidad auditiva, ya sea total o parcial.
La barrera principal que se genera es la exclusión informativa y la pérdida de autonomía, ya que al no existir subtítulos o ser estos imprecisos, el usuario no puede percibir los diálogos, la identificación de quién habla, ni los sonidos de contexto críticos, lo que resulta en que le impide recibir la misma información que un usuario oyente. Esta falta de accesibilidad sensorial convierte al contenido multimedia en un muro infranqueable, forzando al usuario a abandonar la interacción al no poder interpretar señales sonoras que son fundamentales para el uso y entendimiento del sistema.
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://www.youtube.com/watch?v=20SHvU2PKsM
2.2.2 Código HTML:
<video controls>
<source src="Nombre-Archivo-de-Video.mp4" type="video/mp4">
<track kind="captions" src="subtitulos.vtt" srclang="es" label="Español" default>
</video>
Explicación de la solución aplicada:
Como vemos en la imagen aparecen subtítulos en el vídeo, que es el mismo que el del enlace. Los subtítulos se pueden visualizar en distintos idiomas y se pueden activar y desactivar con un botón según desee el usuario. Además, los subtítulos transmiten bien la información del vídeo sin mostrar ninguna irregularidad entre el texto generado y el audio del vídeo.
El fragmento de código HTML usado para generar los subtítulos es el que aparece justo arriba y permite cumplir con el criterio WCAG 1.2.2-A
La etiqueta <video> se usa para colocar un archivo de vídeo. El atributo controls, garantiza que el usuario tenga la capacidad técnica de activar los apoyos visuales colocados dentro de la etiqueta video y navegar por el contenido multimedia de forma autónoma.
Los subtítulos se integran en el video como una alternativa textual sincronizada mediante el elemento <track>, el cual vincula un archivo de texto externo con el video para que las personas con discapacidad auditiva puedan percibir los diálogos. Además gracias al atributo kind="captions" también se pueden percibir sonidos significativos del entorno o identificadores de hablantes.
