Saltar al contenido principal

Audio y vídeo

Texto alternativo

Los contenidos de audio y vídeo deben ofrecer una transcripción textual para ser accesibles. Este documento debe incluirse a continuación del contenido, directamente o a través de un enlace.

En caso de contenido solo vídeo, se puede utilizar una alternativa en audio. Una alternativa en audio es una pista de sonido que presenta información equivalente al contenido de vídeo.

Subtítulos

Los subtítulos son una alternativa textual, sincronizada, para la información sonora del contenido multimedia.

Fotograma de un vídeo con subtítulos Fotograma de una charla TED con subtítulos

Los subtítulos para sordos deben incluir, además de los diálogos, cualquier información necesaria para comprender el contenido. Esto incluye la identificación del hablante, el tono en el que habla, los efectos de sonido, risas, etc.

Normas para crear subtítulos

Ubicación

  • Deben aparecer centrados y en la parte inferior de la imagen, excepto los que representan efectos sonoros, que se sitúan en la parte superior.

Legibilidad

  • Máximo dos líneas de texto de hasta cuarenta caracteres por línea y con interlineado simple.
  • Evitar dividir palabras por sílabas entre dos líneas.
  • Utilizar una tipografía que sea claramente legible, preferentemente sin remate (sans serif).

Tiempo

  • Los subtítulos deben estar sincronizados con el vídeo y deben aparecer el tiempo suficiente para ser leídos.

Identificación

  • Si hay más de una persona, se debe identificar a la que está hablando. Esto se puede hacer usando diferentes colores para el texto.
  • Los efectos de sonido también deben identificarse usando paréntesis o corchetes.

Ortografía y gramática

  • Deben observarse las mismas normas de ortografía y puntuación que en cualquier otro texto.

Audiodescripción

Es una narración descriptiva que se agrega a la pista de sonido del contenido multimedia y proporciona información complementaria (escenas, acciones, detalles visuales, etc.)

Esta narración se suele incluir durante las pausas del diálogo.

Vídeo adaptable

Para que un vídeo sea adaptable, manteniendo las proporciones, debemos utilizar algunas técnicas de CSS.

Ejemplo
HTML
<div class="video-container">
    <iframe width="800" height="450" src="https://www.youtube.com/embed/c_7eAVccuOk" allowfullscreen></iframe>
</div>
CSS
.video-container {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0 0 56.25%;
  position: relative;
}

.video-container iframe,
.video-container object,
.video-container embed {
  border: 0;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}