Usable y accesible

Incluir vídeos de YouTube de forma accesible

2009-12-14T08:46:00.016+01:00

Artículos relacionados
[12.04.09] Reseña: "Accesibilidad a los contenidos audiovisuales ..."
[20.11.07] Accesibilidad web y discapacidad auditiva

Insertar el vídeo mediante código válido

YouTube te indica para cada vídeo cuál es su URL y cuál es el código que se ha de insertar en una página para verlo en línea. El código que proporciona es como el que sigue:

   <object width="425" height="344">
<param name="movie"
value="http://www.youtube.com/elvideo"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/elvideo"
type="application/x-shockwave-flash"
allowscriptaccess="always"  
allowfullscreen="true" 
width="425" height="344">
</object>

El problema de insertar el vídeo mediante ese código es que la página no será XHTML válida. El vídeo se debe insertar con el código que incluyo a continuación, de esta manera el resultado es el mismo pero la página es válida, gramaticalmente correcta.


<object type="application/x-shockwave-flash"
data="http://www.youtube.com/elvideo"
width="425" height="350">
<param name="movie"
value="http://www.youtube.com/elvideo" />
<param name="autostart" value="true" />
<param name="wmode" value="transparent" />
</object>

Recordemos que crear documentos que "estén validados por las gramáticas formales publicadas" (Punto de verificación 3.2 de las WCAG 1.0) es un requisito imprescindible para alcanzar el nivel de adecuación Doble-A.

Nota: es importante mantener los párametros WIDTH y HEIGHT, si sólo se incluye uno de los dos, en Firefox el vídeo no se ve.

Subtítulos

Otro requisito imprescindible para alcanzar el nivel de adecuación Doble-A es proporcionar subtítulos que describan todo el audio presente (Punto de verificación 1.4 de las WCAG 1.0).

Gracias a los subtítulos aquellos usuarios que no puedan oír el audio podrán leerlo:

Usuarios con problemas de audición.
Usuarios en ambientes ruidosos.
Usuarios con dispositivos sin tarjeta de sonido.
Usuarios con el audio desactivado (por ejemplo si no quieren que se entere toda la oficina de lo que están viendo [sonrisa])
etc.

Hay que tener en cuenta que otra ventaja de añadir subtítulos es que ahora que YouTube los va a traducir automáticamente, nuestros vídeos tendrán una audiencia significativamente mayor.

YouTube ya dispone de subtitulado automático en algunos canales y pronto estará disponible para todos los vídeos, aunque no podemos esperar que sea 100% fiable.

YouTube también permite incluir manualmente subtítulos en los vídeos. Como se ve en la siguiente imagen, en el apartado "Títulos y subtítulos" puedes subir uno o varios (en diferentes idiomas) ficheros de subtítulos:

Se han de subir ficheros ".srt" o ".sub".

Estos ficheros se pueden crear de forma muy sencilla con la herramienta online CaptionsTube, que te permite seleccionar el vídeo de YouTube, crear y editar los subtítulos y después descargarlos.

YouTube proporciona también desde hace poco tiempo la opción de subir un fichero con la transcripción completa del audio. De forma automática, por reconomiento de voz, incluirá cada subtítulo donde le corresponde. Está todavía en beta y sólo disponible en inglés (y tampoco podemos esperar que sea 100% fiable).

La transcripción se sube desde la misma pantalla de "Títulos y subtítulos" que veíamos antes, seleccionando la opción "Archivo de transcripción (sólo en inglés) beta" como se explica en este vídeo:

[Insertado con el código modificado]

[Insertado con el código habitual]

Transcripción completa

Por último, otro requisito que hay que cumplir para alcanzar el nivel de adecuación Doble-A es incluir una transcripción que transmita de forma completa toda la información: información de los personajes, trascripción completa, acciones, lenguaje corporal, contexto y cambios de escena, etc. (Punto de verificación 1.4 de las WCAG 1.0)

Gracias a la transcripción:

Los usuarios con problemas de visión podrán acceder a una descripción de lo que se ve en el vídeo.
Los usuarios que no puedan visualizar el vídeo, por el dispositivo que utilizan o su configuración, podrán acceder a su contenido.
Los motores de búsqueda indexaran el contenido del vídeo y se podrán realizar búsquedas en él.
Facilita el acceso al contenido a las personas que no hablan el idioma del vídeo.
etc.

La transcripción puedes hacerla tú mismo, pagar para que te la hagan o realizarla mediante software de reconocimiento de voz.

La opción más práctica y que asegura un resultado de mayor calidad es sin duda contratar a una empresa especializada que haga la transcripicón, puesto que los precios son suficientemente razonables (se puede encontrar por 60 euros la hora de audio). Hay empresas que te hacen los subtítulos, la transcripción y las traducciones a los idiomas que desees con descuentos interesantes.

La forma de incluir la transcripción puede ser mediante un enlace que lleve a un fichero de texto o HTML donde se incluya la transcripción, incluirlo directamente en la página o recurrir a otras prácticas llamativas como la que vemos en The New York Times o en su versión en rtve.es [visto en Sortega]

Sin entrar en la accesibilidad de este visor implementado en Flash, sí que es interesante ver como muestran la transcripción al lado del vídeo, la posibilidad de buscar palabras clave, el índice de temas y duración, o en la versión original la línea de tiempo.

Controles accesibles por teclado

Leer el artículo Keyboard Accessible YouTube Controls

Reseña: "Accesibilidad a los contenidos audiovisuales en la web"

2009-04-12T15:54:00.025+02:00

Artículos relacionados
[6-02-09] Reseña: "Cómo escribir para la Web" de Guillermo Franco

Título: Accesibilidad a los contenidos audiovisuales en la web. Una panorámica sobre legislación, tecnologías y estándares (WCAG 1.0 y WCAG 2.0).

Autores: Lourdes Moreno, Belén Ruiz, Paloma Martínez, Juan Manuel Carrero y Juan Ramón Martínez.

Fecha: noviembre de 2008 (primera edición)
Nº páginas: 102
Editado por: Real Patronato sobre Discapacidad

Descarga gratuita: "Accesibilidad a los contenidos audiovisuales en la web" en formato PDF (3MB)

Es uno de esos libros imprescindibles que recomiendo tener a mano. Resulta de especial utilidad las checklist de comprobación de un contenido audiovisual así como la "Tabla Resumen (WCAG 1.0/WCAG 2.0) de la accesibilidad a los contenidos audiovisuales en la web" (acceso al libro en ventana nueva, PDF de 3MB ).

El libro se estructura en tres partes:

Parte 1. Introducción

Este apartado es una introducción a los conceptos básicos relacionados con la accesibilidad. Se incluye un resumen de la legislación vigente en España y una aproximación a las metodologías y certificaciones de accesibilidad.

No resumiré este apartado porque dicha información se encuentra mucho más desarrollada en diversos artículos de este blog [1]

En cualquier caso es una gran introducción a la accesibilidad web donde se recoge de manera muy clara y completa los conceptos y la información básica sobre el tema.

Parte 2. La cadena de accesibilidad de los contenidos audiovisuales en la web

Para proveer de accesibilidad a los contenidos multimedia audiovisuales hay distintos componentes de desarrollo web e interacción que deben trabajar conjuntamente para conseguirlo, es lo que denominan "cadena de accesibilidad de los contenidos audiovisuales en la Web", cadena que consta de los siguientes eslabones:

Contenido en sí: el contenido en sí mismo debe ser accesible, lo que significa proveer de alternativas sincronizadas como el subtitulado, la audiodescripción o la transcripción, entre otros, que cumplan con lo establecido en las WCAG.
Cómo llegar al contenido: el acceso al contenido debe ser accesible, puesto que según cómo se implemente este acceso puede provocar barreras de accesibilidad.
Visualización del contenido: hay que ofrecer alternativas atendiendo a las preferencias del usuario, y la interacción para acceder al contenido debe ser usable. El acceso al contenido ha de ser, además de posible, intuitivo en la interacción, por lo que hay que ofrecer usabilidad, aportando accesibilidad en cómo mostrar al usuario la información de acceso y control.

Primer eslabón: el contenido ha de ser accesible

En este apartado se citan las pautas de las WCAG 1.0 y de las WCAG 2.0 relacionadas con la accesibilidad de los contenidos audiovisuales, su correspondencia, y las técnicas de las WCAG 2.0 y SMIL asociadas.

Consultar la "Tabla resumen 2: Correspondencia de las pautas WCAG 1.0 con las WCAG 2.0 en relación a los contenidos multimedia" (acceso al libro en ventana nueva, PDF de 3MB )
Consultar la "Tabla resumen 3: Técnicas del WCAG 2.0 y SMIL para la pauta 1.2" (acceso al libro en ventana nueva, PDF de 3MB )
Consultar la "Tabla Resumen (WCAG 1.0/WCAG 2.0) de la accesibilidad a los contenidos audiovisuales en la web" (acceso al libro en ventana nueva, PDF de 3MB )

A continuación tratan el tema de las herramientas de autor, entre las que hay que distinguir:

Lenguajes y formatos para sincronizar: QuickTime, SMIL, SAMI, Timed Text.
Reproductores: Real Media, QuickTime, Windows Media.
Editores de subtitulado y/o audiodescripción para contenidos audiovisuales: MAGpie, Hi-Caption Studio, Captionmenow.
Reproductores para contenidos multimedia realizados con Flash accesible de Adobe.

Se incluye un "Anexo: Listado de herramientas" (acceso al libro en ventana nueva, PDF de 3MB ) donde se realiza una breve descripción de estas y otras herramientas.

El apartado dedicado al primer eslabón termina con una serie de buenas prácticas:

Buenas prácticas de subtitulado

El documento de referencia son las "Buenas prácticas de subtitulado" del CESyA, basadas en la "Norma UNE 153.010 Subtitulado para personas sordas y personas con discapacidad auditiva. Subtitulado a través del teletexto."

También destacan las "Best practices in online captioning" de Joe Clark.

En el libro se hace un pequeño resumen donde se tratan temas como el color de los subtítulos, la localización en pantalla, la alineación, el número de líneas, la velocidad, consejos ortográficos y gramaticales, etc.

Buenas prácticas de audiodescripción

El documento de referencia son las "Buenas prácticas de audiodescripción" del CESyA, basadas en la "Norma UNE 153.020 Audiodescripción para personas con discapacidad visual. Requisitos para la audiodescripción y elaboración de audioguías".

La audiodescripción permite compensar la falta de percepción de imágenes con descripciones sonoras complementarias (sobre situación espacial, vestuario, gestos, actitudes, paisajes, etc.)

Si no has oído nunca una audiodescripción, puedes consultar el siguiente ejemplo: "Nicolás" (serie de dibujos animados), ejemplo de contenido multimedia accesible disponible en el portal del CESyA.

En dicho portal puedes consultar otros contenidos multimedia accesibles.

En este apartado del libro repasan los seis requisitos necesarios para audiodescribir.

Buenas prácticas para la lengua de signos española

El documento de referencia es la "Norma UNE 139804:2007. Requisitos para el uso de la Lengua de Signos Española en redes informáticas".

En este apartado se trata la presentación del vídeo (tamaño, calidad, tipo de ventana) así como aspectos relativos al propio vídeo (encuadre, apariencia del signante, etc.)

Segundo eslabón: el acceso al contenido multimedia debe ser accesible

Se repasan las distintas formas de ofrecer un contenido multimedia audiovisual en la Web:

Mediante descarga directa.
Es la opción más accesible siempre y cuando se proporcionen todos los elementos necesarios en la descarga (por ejemplo los subtítulos y la audiodescripción si no vienen integrados en el vídeo) y siempre y cuando se elabore adecuadamente el enlace que activa la descarga y su etiquetado.

A pesar de ser la opción más accesible no es la más utilizada, pues es más usable, más sencillo para el usuario, que la difusión del contenido se haga a través de un reproductor, integrándolo en la propia página.
Emisión en descarga progresiva (falso streaming) y streaming [2]

En ambos casos se puede implementar mediante la activación de un enlace o integrándolo mediante el elemento OBJECT.

En el primer caso habrá que etiquetar adecuadamente el enlace.

En el segundo caso se nos presenta el problema de que usando OBJECT la página no puede ser validada de acuerdo al estándar XHTML, puesto que es necesario utilizarlo junto con EMBED.

Para solucionar el problema se cita el célebre artículo de Elizabeth Castro "Bye Bye Embed".

Destacan como reproductor CC Player, que es gratuito, accesible desde teclado, compatible con lectores de pantalla, permite asociar audiodescripciones y varios ficheros de subtitulado con idiomas distintos o distintas versiones.

También hacen especial mención del estándar del W3C Synchronized Multimedia Integration Language (SMIL)

En relación con SMIL es necesario destacar el artículo "Subtitulado y Audiodescripción en Páginas Web Accesibles" de Lourdes Moreno, Ana Mª Iglesias, Juan Manuel Carrero y Paloma Martínez, en el cual se expone el caso práctico de un vídeo con audiodescripción y subtitulado abiertos [3], implementado con SMIL según las recomendaciones del W3C.

Hay que puntualizar que la opción XHTML+SMIL sólo es compatible hoy en día con Explorer.

Para profundizar en SMIL te recomiendo "SMIL. Un leguaje para la multimedia en Internet" de A.L.Delgado y "Guía Breve de Subtitulado y Sincronización de Vídeos con SMIL" de INTECO (incluye ejemplos).

Tercer eslabón: ofrecer alternativas atendiendo a preferencias del usuario y la interacción del usuario al acceder al contenido debe ser usable

El acceso al vídeo debe ser, además de posible, intuitivo en la interacción, para lo cual habrá que realizar un diseño centrado en el usuario, utilizar un lenguaje claro y sencillo y los usuarios deberán tener acceso a la reproducción del vídeo de acuerdo a sus características y preferencias.

El tipo de información que se ha de mostrar dependerá de la modalidad elegida al servir el contenido, tal y como se ve en la "Tabla 4: Información a presentar al usuario" (acceso al libro en ventana nueva, PDF de 3MB).

Parte 3. Listado de puntos de verificación de la accesibilidad a los contenidos audiovisuales en la web

Este apartado es un recurso imprescindible para cualquier evaluador o desarrollador a la hora de revisar la accesibilidad de los contenidos audiovisuales incluidos en una web.

Se ofrece una serie de checklists diferentes para evaluar los contenidos en función de si la validación se realiza teniendo en cuenta las WCAG 1.0, la Norma UNE 139803:2004 o las WCAG 2.0 (recomendable, puesto que las WCAG 1.0 están obsoletas respecto a la tecnología actual, no olvidemos que datan de 1999); y si el contenido audiovisual se proporciona mediante streaming, descarga progresiva (falso streaming) o descarga directa.

Checklist de comprobación de un contenido audiovisual (acceso al libro en ventana nueva, PDF de 3MB).

Otras referencias de interés

"Multimedia Accessibility FAQ" del W3C
Poster: "La cadena de accesibilidad en los contenidos audiovisuales en Web"
"Accesibilidad a los medios audiovisuales para personas con discapacidad AMADIS ‘07" (PDF, 3MB)

"La accesibilidad universal en los medios audiovisuales de comunicación", de Francisco Bariffi, Mª del Carmen Barranco, Lourdes Moreno, Agustina Palacios, Francisco Utray y José Vida (PDF, 2.30MB)

"Accesibilidad a los medios audiovisuales para personas con discapacidad AMADIS´ 06" (PDF, 5.62MB)

"El contenido audiovisual: otro reto para la accesibilidad web", Ramón Voces Merayo.

"Comprobación de la Accesibilidad: Multimedia", INTECO (PDF, 356 KB)

"Guía Breve de Subtitulado y Sincronización de Vídeos con SMIL", INTECO (incluye ejemplos)

SMIL Techniques for WCAG 2.0

Notas

[1] Consultar por ejemplo:

[2]

Emisión de descarga progresiva (falso streaming): el contenido se va descargando en el equipo del usuario y cuando alcanza un porcentaje determinado de descarga se empieza a reproducir.

Streaming: es una descarga del contenido bajo demanda. El usuario puede manejar completamente los controles de reproducción desde un principio y no es necesario almacenar el vídeo en el equipo del usuario.

[3]

Existen varios tipos de subtítulos. De manera ideal siempre deberían incluirse aquellos denominados closed, cuya característica principal es que se pueden activar y desactivar. En su defecto, se deben incluir subtítulos del tipo open que están pregrabados con el vídeo o el audio y que se muestran siempre al reproducir el recurso.