En aquest tema, explorarem com fer que el contingut de vídeo i àudio sigui accessible per a tots els usuaris, incloent aquells amb discapacitats. L'accessibilitat en multimèdia és crucial per garantir que tothom pugui accedir a la informació presentada en aquests formats.

1. Subtítols i Transcripcions

   • Subtítols: Proporcionen el diàleg i altres sons importants en text sincronitzat amb el vídeo.
   • Transcripcions: Ofereixen una versió escrita completa del contingut d'àudio i vídeo, incloent descripcions de sons i accions visuals.

2. Descripcions d'Àudio

   • Proporcionen una narració de les accions visuals importants en un vídeo per a persones amb discapacitat visual.

3. Compatibilitat amb Lectors de Pantalla

   • Assegura't que els controls de reproducció de vídeo i àudio siguin accessibles mitjançant teclat i compatibles amb lectors de pantalla.

4. Controls de Reproducció Accessibles

   • Els controls han de ser fàcils d'usar i accessibles per a persones amb discapacitats motores o visuals.

• Explicació: Aquest codi HTML5 mostra com afegir subtítols a un vídeo. L'element <track> s'utilitza per especificar el fitxer de subtítols.

• Explicació: A més de l'àudio, es proporciona una transcripció completa en text per assegurar que el contingut sigui accessible per a persones amb discapacitat auditiva.

Instruccions: Crea un fitxer de subtítols en format VTT per a un vídeo curt i afegeix-lo al vídeo utilitzant HTML5.

Solució:

1. Crea un fitxer subtitles.vtt amb el següent contingut:

   WEBVTT
   
   00:00:00.000 --> 00:00:05.000
   Benvinguts al nostre vídeo d'exemple.
   
   00:00:05.000 --> 00:00:10.000
   Avui aprendrem sobre accessibilitat en multimèdia.
   

2. Afegeix el fitxer de subtítols al vídeo:

   <video controls>
     <source src="video.mp4" type="video/mp4">
     <track kind="subtitles" src="subtitles.vtt" srclang="en" label="English">
     El teu navegador no suporta l'element de vídeo.
   </video>
   

Instruccions: Escolta un àudio curt i escriu una transcripció completa. Afegeix la transcripció al costat de l'àudio en una pàgina web.

Solució:

1. Escolta l'àudio i escriu la transcripció:

   [Inici de l'àudio]
   Narrador: Aquest és un exemple d'àudio per a la pràctica d'accessibilitat.
   [Fi de l'àudio]
   

2. Afegeix la transcripció a la pàgina web:

   <audio controls>
     <source src="audio.mp3" type="audio/mpeg">
     El teu navegador no suporta l'element d'àudio.
   </audio>
   <p>Transcripció: Aquest és un exemple d'àudio per a la pràctica d'accessibilitat.</p>
   

• Error Comú: No proporcionar subtítols o transcripcions.

  • Consell: Sempre inclou subtítols i transcripcions per garantir l'accessibilitat.

• Error Comú: Controls de reproducció no accessibles.

  • Consell: Prova els controls amb un teclat i un lector de pantalla per assegurar la seva accessibilitat.

En aquesta secció, hem après com fer que el contingut de vídeo i àudio sigui accessible mitjançant l'ús de subtítols, transcripcions i descripcions d'àudio. Aquests elements són essencials per garantir que tothom pugui accedir a la informació multimèdia, independentment de les seves capacitats. En el següent tema, explorarem com proporcionar alternatives de text per a imatges.