Octubre, 2015

Universidad Tecnológica Nacional.

Diplomatura en Accesibilidad y Usabilidad

Multimedia y Accesibilidad, por Maria Dolores Garcia Fernandez

Multimedia y Accesibilidad Web

Objetivos

Imagen que sugiere diseño multimedia

Normativas vigentes

Sobre nosotros y nuesro entorno

"Hemos modificado tanto nuestro entorno, que ahora debemos modificarnos a nosotros mismos para exisitir dentro de este nuevo entorno."

Norbert Wiender.

Frase extraída del libro digital: "La accesibilidad y el diseño universal entendido por todos. De cómo Stephen Hawking, viajó por el espacio."

Leyes Nacionales:

Convención sobre los derechos de las Personas con Discapacidad, Ley 26.378/2008

Concepto de Comunicación, según CDPcD:

La “comunicación” incluirá los lenguajes, la visualización de textos, el Braille, la comunicación táctil, los macrotipos, los dispositivos multimedia de fácil acceso, así como el lenguaje escrito, los sistemas auditivos, el lenguaje sencillo, los medios de voz digitalizada y otros modos, medios y formatos aumentativos o alternativos de comunicación, incluida la tecnología de la información y las comunicaciones de fácil acceso;

Por “lenguaje” se entenderá tanto el lenguaje oral como la lengua de señas y otras formas de comunicación no verbal;

Por “discriminación por motivos de discapacidad” se entenderá cualquier distinción, exclusión o restricción por motivos de discapacidad que tenga el propósito o el efecto de obstaculizar o dejar sin efecto el reconocimiento, goce o ejercicio, en igualdad de condiciones, de todos los derechos humanos y libertades fundamentales en los ámbitos político, económico, social, cultural, civil o de otro tipo. Incluye todas las formas de discriminación, entre ellas, la denegación de ajustes razonables;

Concepto de Ajustes razonables, según CDPcD:

Por “ajustes razonables” se entenderán las modificaciones y adaptaciones necesarias y adecuadas que no impongan una carga desproporcionada o indebida, cuando se requieran en un caso particular, para garantizar a las personas con discapacidad el goce o ejercicio, en igualdad de condiciones con las demás, de todos los derechos humanos y libertades fundamentales;

Concepto de Diseño Universal, según CDPcD:

Por “diseño universal” se entenderá el diseño de productos, entornos, programas y servicios que puedan utilizar todas las personas, en la mayor medida posible, sin necesidad de adaptación ni diseño especializado. El “diseño universal” no excluirá las ayudas técnicas para grupos particulares de personas con discapacidad, cuando se necesiten.

Convención sobre los derechos de las Personas con Discapacidad:

Ley de acceso a la información de las páginas Web, Ley 26653/2010.

Multimedia

Concepto y elementos que intervienen en el mensaje multimedial

Multimedia refiere a cualquier objeto o sistema que utiliza múltiples medios de expresión(físicos o digitales) para presentar o para comunicar determinada información.

Elementos que componen el mensaje multimedial

Diferencia entre información y Comunicación


Comunicación

Las bondades del feedback nos permiten transformar a la información en comunicación y conocimiento.

El usuario y su relación con el entorno

¿Cómo accedo a la información?

Esquema de la interacción usuario máquina

La Accesibilidad Web y su relación con la tecnología de apoyo

Cómo interactuar con la información con la ayuda de apoyos técnicos.

Conclusiones

Esquema de la comunicación inclusiva

Esquema de que la creación de contenidos accesibles y en formatos alternativos más la Tecnología de apoyo pone en funcionamiento a la inclusión representada por un engranaje

Contenidos accesibles en formatos alternativos + Tecnologías de apoyo = Inclusión

Multimedia y las Pautas WAI

Repaso del concepto de Multimedia

Elementos que componen el mensaje multimedial

Elementos para la comunicación y las Pautas WAI

Elementos multimedia según las pautas WAI

Conclusiones. Las Pautas WAI y la Experiencia de Usuario

La información interactiva e interoperable mejora la experiencia de usuario

Las Pautas WAI nos recomiendan que se pueda acceder a la información a comunicar, en forma interoperable, facilitando la interacción, y mejorando la experiencia de usuario.

Conclusiones. Las Pautas WAI y sus Principios Básicos

Principios básicos y su relación con la interacción y la interoperabilidad

Impacto de los Principios Básicos de las Pautas WAI en la experiencia de usuario.

Experiencia de usuario, Interactiva:

Experiencia de usuario, Interoperable:

Multimedia y Accesibilidad web

Buenas prácticas para obtener un contenido multimedia accesible

Video y su versión transcripta del mismo.

  1. El contenido en sí, debe ser accesible
  2. El acceso a ese contenido debe ser accesible
  3. En la visualización del contenido debemos ofrecer alternativas atendiendo a las preferencias del usuario, además, la interacción del usuario al acceder al contenido debe ser usable.

1- El contenido en sí, debe ser accesible.

Video y su versión transcripta del mismo.

Contenido sincronizado se debe reflejar en:

Debemos ofrecer alternativas atendiendo a preferencias del usuario, como también, la interacción del usuario al acceder al contenido debe ser usable, esto lo encontramos en los siguientes Puntos de verificación :

14.1 : lenguaje apropiado y claro. Y

11.3 : proporcionar información de modo que los usuarios puedan recibir los contenidos según sus preferencias.

1- El contenido en sí, debe ser accesible. Continuación.

1- El contenido en sí, debe ser accesible. Nivel de conformidad AA.

Un video para alcanzar un nivel de conformidad AA, debe cumplir con todas las recomendaciones de nivel A más todas las recomendaciones de nivel AA, por lo tanto:

Prioridad 1 (Conformidad A)

Prioridad 2 (conformidad AA)


Contenido en directo: Es la información que se trasmite en tiempo real.

Contenido pregrabado: Toda la información que no se trasmite en directo.

1- El contenido en sí, debe ser accesible. Subtitulos.

Independientemente de que un vídeo pregrabado posea equivalencia textual, es necesario proporcionar un equivalente sincronizado (subtítulos) a la banda sonora.

Ejemplo de Video y su transcripción.

Ejemplo:Este ejemplo lo puede ver en la página del CeSya

1- El contenido en sí, debe ser accesible. Subtitulos Abiertos, Cerrados, en directo.

Distintas formas de ofrecer los subtitulos.

Subtitulado abierto:

Requiere de una aplicación de edición de video para incrustar los subtítulos en la banda visual. Ejemplo de subtitulos abiertos

Subtitulado cerrado:

son los subtítulos externos asociados al video, que permite el control por parte del usuario de aparecer y desaparecer. Ejemplo subtitulos cerrados

Subtítulos en tiempo real

Ampliar información en la pagina de WebAim

Más información en el sitio de Joeclark

1- El contenido en sí, debe ser accesible. Aplicación para subtitular.

Entorno de la aplicación de youtube que nos permite subtitular en linea nuestros videos pregrabados:

 Pantalla de la aplicación de yuotube

1- El contenido en sí, debe ser accesible. Aplicación para subtitular.

Entorno de la aplicación de youtube que nos permite subtitular en linea nuestros videos pregrabados:

 Pantalla de la aplicación de yuotube

Ver video tutorial sobre el uso de esta aplicación

Ejercitación: Descargar desde aquí el archivo de video "navidad2009.mp4" de 1.4 minutos de duración, y utilizando el asistente de Youtube subtitularlo y publicar. En la próxima clase compararemos y reflexionaremos sobre la experiencia realizada.

1- El contenido en sí, debe ser accesible. Transcripción accesible.

La opción a la transcripción también debe ser accesible, sea esta en html, como en formato .doc o .pdf

Ejemplo 1:

Información ofrecida en video y transcripta en html: http://www3.uah.es/caracciolos/index.php/caracciolos/article/view/20

contenido en dos formatos, en este caso un video y la transcripción del mismo

Ejemplo 2:

¿Cómo hacer un Doumento digital accesible? http://www.youtube.com/watch?v=q7TVcpmRACM

1- El contenido en sí, debe ser accesible. Descripción de Audio (Audiodescripción).

Cuando se trasmite información importante en la banda visual de un vídeo pregrabado, es necesario incluir una descripción auditiva (también llamada audio descripción) adecuada de la escena.

De forma similar a los subtítulos, las descripciones auditivas están sincronizadas con la banda visual y, en este caso, son útiles para que las personas con discapacidades visuales puedan seguir la acción y la información no auditiva de los vídeos. Es decir, de lo que se ve en las imágenes.

Ilustración de una secuencia de la pelicula, La ruta natural.

La descripción auditiva es una narración con información sobre los elementos visuales clave presentes en el vídeo como los escenarios, acciones, lenguaje corporal, gráficos y texto mostrado en pantalla y, en general, todo el contenido visual relevante.

A continuación se ofrece el mismo video en dos versiones una sin audiodescripción y otra con subtitulado sin audiodescripción:

La ruta natural, divaD, corto (Audiodescripto)

La ruta natural, divaD, corto con subtitulado

¿Qué técnicas se usan para proporcionar la audiodescripción (AD)?

Proporcionar una segunda pista de audio con audio descripciones

Ofrecer una versión del vídeo con audio descripciones.

Banda de audio completa incluyendo la Audiodescripción y Transcripción extendida que proporcione una alternativa textual al multimedio sincronizado que incluya toda interacción y que permita acceder a toda la información del medio.


Ejercicio 2: Editar el video "navidad2009.mp4" e insertarle en su banda sonora las audiodescripciones necesarias y oportunas.

2- El acceso a ese contenido debe ser accesible

para garantizar que el código empleado es válido se deben cumplir los dos siguientes condicionantes:

Emplear el elemento OBJECT para incrustar el vídeo, en detrimento del elemento EMBED.

Cerrar adecuadamente los elementos vacíos en XHML, incluyendo para ello un espacio y el carácter “/” al final de su declaración.

Nueva opción que ofrece Youtube para incrustar un video

Otro ejemplo de código de cómo se inserta el video con el reproductor Youtube

Descarga del código en formato texto para incrustar un video youtube con etiqueta IFRAME

código de como incrustar el video de Youtube en nuestra Web

HTML5 para incrustar un video

Código de jemplo para insertar un video con el reproductor HTML5

Descarga del código para incrustar un video con etiquetas HTML5 en formato texto

Para consulta y ampliar información con ejemplos en:

Reproducir un video en html5 con subtitulos

video1, ejemplo cen html5

Descargar el código del ejemplo video1 en formato texto


video2, ejemplo con html5 y subtitulos

Descargar el código del ejemplo video2 en formato texto




¿Que es un archivo vtt?

.vtt=Web Video Text Tracks

Ver ejemplo de archivo vtt

Subtitulando un video con Webvtt

Ver ejemplo de video en html5 con subtitulos en distintos idiomas. Con formato personalizado mediante Hoja de Estilo

Otras iniciativas para mejorar la interacción con los objetos multimediales:

Comunicación y Expresión

DesarrollosDG

Prototipo de Player de investigación Sidar

2- El acceso a ese contenido debe ser accesible. AUDIO y sus Requisitos de accesibilidad

¿Qué requisitos de accesibilidad debe tener un audio?

Para que el audio incrustado tenga un nivel AA de conformidad, debe cumplir con todos los requisitos de conformidad de nivel A y todos los requisistos de conformidad AA que a continuación se detallan.

Prioridad 1 (Conformidad A)

Prioridad 2 (Conformidad AA)

Transcripción descriptiva para audio en directo

Los contenidos de sólo audio en directo deben disponer de una versión en texto. Para ello, se puede utilizar un servicio de subtítulos en tiempo real, que consiste en que un operador humano entrenado especialmente escucha lo que se va diciendo y a través de un teclado especial introduce el texto con un mínimo retraso y de forma bastante fidedigna. El área que contiene el texto de los subtítulos debe estar disponible en la misma página en la que se encuentra el contenido de audio en directo.

2- El acceso a ese contenido debe ser accesible. Ejemplos de cómo incrustar un audio

Ejemplo 1: se muestra de un audio incrustado con descarga directa, acompañado por su descripción.

Ejemplo 2: En este enlace encontrarás varios ejemplos de audio con el reproductor CCplayer, que utiliza el player de Flash para su reproducción.

2- El acceso a ese contenido debe ser accesible

Alternativas para el audio pregrabado

Transcripción descriptiva

Los contenidos que sólo contienen audio pregrabado deben poseer una alternativa equivalente accesible. En este sentido, se ha de crear una transcripción textual en la que se recoja la misma historia y se presente la misma información que en el contenido de sólo audio pregrabado.

Dicha transcripción servirá como descripción larga del contenido e incluirá todos los diálogos importantes, descripciones de los sonidos de fondo, etc. que forman parte de la historia. Además, la información que se transmite en la transcripción se debe encontrar en el mismo orden que en el flujo de reproducción del audio.

Así, en primer lugar se ha de ofrecer la transcripción textual, ya que al tratarse de una alternativa basada en texto puede ser representada a través de cualquier modalidad sensorial (por ejemplo, visión, oído o tacto) e interpretada de diversas formas por los productos de apoyo (leída en voz alta, presentada visualmente o convertida a braille), lo que ayuda a satisfacer las necesidades de distintos grupos de usuarios.

Una vez que se ha proporcionado la transcripción textual, y con el fin de mejorar la accesibilidad del elemento de audio, es igualmente recomendable abordar progresivamente los aspectos relativos a la interacción (control de reproducción, uso independiente de dispositivo de entrada y tabulación adecuada).

Código para incrustar un audio Parte I

Descarga en formato texto del código de ejemplo usando reporductor Flash

Código para incrustar un audio Parte II

Utilización de HTML5

El codigo de incrustar un audio y su alternativa textual

Ver ejemplo


Enlaces para consulta

MDN Sobre el elemento audio, configuración subtitulos

Genbeta, introduccion al elemento Audio de HTML

MDN-sando audio y video con html5

Código para incrustar un audio Parte III

Utilización de HTML5

El codigo de incrustar un audio y su alternativa textual

Ver codigo de ejemplo

Archivos que componen el mensaje multimedial:

Archivos que componen el video Con contenido accesible

Archivos alternativos que completan la información

Multimedia y la inclusión

¿Qué es Comunicación?

Convención Internacional sobre los Derechos de las Personas con Discapacidad Ley Nacional 26.378, Artículo 2: Definiciones

Multimedia y Accesibilidad Web

Bibliografía

Muchas gracias!