Las personas con discapacidad auditiva, visual o cognitiva se enfrentan a diario a distintas barreras en el acceso a la información en la Web, contemplando esta problemática en Argentina en el año 2010 se promulga la Ley 26653 de Accesibilidad a la Información en las páginas Web, que sumado a su decreto regulatorio 69/2011, se establece que en el año 2013 los contenidos que se ofrecen a través de la Web deberán ceñir con las normativas del W3C. En este escenario es imprescindible formar a profesionales en las técnicas necesarias para producir contenidos digitales accesibles para todos o para la mayor cantidad de personas posible.

1. Por María Dolores García Fernández
http://www.desarrollosdg.com.ar

2. El concepto 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.
Multimedia y la Accesibilidad Web - María Dolores García
2

3. Texto
Interactividad Sonido
Multimedia
Video Imagen
Animación
Multimedia y la Accesibilidad Web - María Dolores García
3

4. Objetivos:
•Captar la atención y el interés del usuario a través de un dinamismo visual
y auditivo.
•Comunicar al usuario a través de la combinación de medios de expresión
digitales, aplicados estratégicamente en distintos formatos para presentar
contenidos y propuestas .
•Favorecer la interacción del usuario con el contenido de manera de que
pueda ser recorrida por distintos caminos (hipertexto).
Multimedia y la Accesibilidad Web - María Dolores García
4

5. Objetivos:
•Captar la atención y el interés del usuario a través de un dinamismo visual y
auditivo.
•Comunicar al usuario a través de la combinación de medios de expresión
digitales, aplicados estratégicamente en distintos formatos para presentar
contenidos y propuestas .
•Favorecer la interacción del usuario con el contenido de manera de que
pueda ser recorrida por distintos caminos (hipertexto).
Multimedia y la Accesibilidad Web - María Dolores García
5

6. Comunicación es un proceso de transmisión de ideas donde dos o más
sujetos intervienen en una interacción . Es la utilización de un código
específico para la transmisión de un mensaje o una determinada
experiencia en unidades semánticas con el objeto de permitir a los
hombres relaciones entre sí.
Multimedia y la Accesibilidad Web - María Dolores García
6

7. Código
emisor receptor
Mensaje
Feedback
Canal : Soporte físico por
donde circula la información
Código: Convención social
que une a los actores de la
comunicación.
Multimedia y la Accesibilidad Web - María Dolores García
7

8. Código
emisor receptor
Mensaje
Feedback
Interacción
Atención
Comprensión
Aprendizaje
Multimedia y la Accesibilidad Web - María Dolores García
8

9. 9
Interacción
Atención
Comprensión
Aprendizaje

10. 10
Interacción
Atención
Comprensión
Aprendizaje
Información

11. 11
Interacción +
Atención +
Comprensión +
Aprendizaje
Información

12. 12
Interacción +
Atención +
Comprensión +
Aprendizaje
Conocimiento

13. •Medios de comunicación masivos o de masas (mass media) son los medios de comunicación
recibidos simultáneamente por una gran audiencia, equivalente al concepto sociológico de
masas o al concepto comunicativo de público.
• La comunicación de masas es el nombre que recibe la interacción entre un emisor único
(o comunicador) y un receptor masivo (o audiencia), un grupo numeroso de personas
que cumpla simultáneamente con tres condiciones:
•ser grande,
• ser heterogéneo y
• ser anónimo.
Multimedia y la Accesibilidad Web - María Dolores García
13

14. Código
emisor receptor
Mensaje
Feedback
Canal : Soporte físico por
donde circula la información
Multimedia y la Accesibilidad Web - María Dolores García
14

15. Código:
•acústico
• visual
emisor receptor
Mensaje
Feedback
Canal : Soporte físico por
donde circula la información
Multimedia y la Accesibilidad Web - María Dolores García
15

16. Código:
•acústico
• visual
emisor receptor
Mensaje
Feedback
Canal : Soporte físico por
donde circula la información
Multimedia y la Accesibilidad Web - María Dolores García
16

17. Código:
•acústico
• visual
emisor receptor
Mensaje
Feedback
Canal : Soporte físico por
donde circula la información
Multimedia y la Accesibilidad Web - María Dolores García
17

18. 18
Desafío:
Lograr una comprensión universal del mensaje audiovisual.

19. 19
Desafío:
Lograr una comprensión universal del mensaje audiovisual.

20. Entrada Información Salida
•Teclado
•Monitor
•Mouse
•Impresora
•Audio
Multimedia y la Accesibilidad Web - María Dolores García
20

21. La accesibilidad web y las Tecnologías de Apoyo
Entrada Información Salida
•Teclado
•Monitor
•Mouse
•Impresora
•Audio
Interfase
•Filtros u •Lector de
opciones de pantalla
accesibilidad •Lector de texto
•Teclado virtual •Magnificadores
•Pulsador
Mensaje •Lupas
•joysticks •Impresoras
Braille
•No excluyente
•Abierta
•Flexible
•Adaptable
Multimedia y la Accesibilidad Web - María Dolores García •Universal
21

22. Tecnología
Asistiva
Formatos
alternativos
Creación de
contenido accesible
Multimedia y la Accesibilidad Web - María Dolores García
22

23. Tecnología
Asistiva
Creaciónde
Contenidos
en
Formatos
alternativos
Inclusión
CONCLUSIONES
Accesibilidad Web + Tecnologías de Apoyo = Inclusión
Multimedia y la Accesibilidad Web - María Dolores García
23

24. Texto
Interactividad Sonido
Multimedia
Video Imagen
Animación
Multimedia y la Accesibilidad Web - María Dolores García
24

25. Imágenes y
Animaciones
Scripts
Mapas de
applets y
Imagen
plug-ins
Pautas
WAI
Organización
Gráficos de
de las
datos
páginas
Enlaces e Audio y
hipertexto video
Multimedia y la Accesibilidad Web - María Dolores García
25

26. Interactiva
Pautas Facilitar la
WAI experiencia
de usuario
Interoperable
Multimedia y la Accesibilidad Web - María Dolores García
26

27. •Perceptible
Interactiva •Comprensible
Facilitar la
Pautas
experiencia
WAI
de usuario
Interoperable •Operable
•Robusta
Multimedia y la Accesibilidad Web - María Dolores García
27

28. 28
Buenas prácticas para obtener un contenido accesible
1. 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 preferencias del usuario y la
interacción del usuario al acceder al contenido debe ser
usable

29. 29
Buenas prácticas para obtener un contenido accesible
El acceso a ese
contenido debe ser
accesible
Contenido Debemos ofrecer alternativas
atendiendo a preferencias del
sincronizado: usuario y la interacción del
•subtitulado usuario al acceder al
•audiodescripción o contenido debe ser usable :
•Transcripción Puntos de verificación
•Lengua de señas 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.

30. Buenas prácticas para obtener un contenido accesible: 30
1- El contenido en sí debe ser accesible
Solo audio o solo video
Audio pregrabado o en directo
Pista visual
(pregrabado)
Contenido audiovisual
pregrabado
Pista sonora pregrabada

31. Buenas prácticas para obtener un contenido accesible: 31
1- El contenido en sí debe ser accesible
Solo audio o solo video Descripción auditiva de los elementos claves de
pista visual
Descripción textual de la pista de audio
Audio pregrabado o en directo
Pista visual
(pregrabado)
Contenido audiovisual
pregrabado
Pista sonora pregrabada

32. Buenas prácticas para obtener un contenido accesible: 32
1- El contenido en sí debe ser accesible
Solo audio o solo video Descripción auditiva de los elementos claves de
pista visual
Descripción textual de la pista de audio
Audio pregrabado o en directo Debe estar subtitulado (abiertos o
cerrados) en forma sincronizada
Pista visual
(pregrabado)
Contenido audiovisual
pregrabado
Pista sonora pregrabada

33. Buenas prácticas para obtener un contenido accesible: 33
1- El contenido en sí debe ser accesible
Solo audio o solo video Descripción auditiva de los elementos claves de
pista visual
Descripción textual de la pista de audio
Audio pregrabado o en directo Debe estar subtitulado (abiertos o
cerrados) en forma sincronizada
Con Audiodescripción sincronizada con la pista sonora y
Pista visual espacios alternativa textual completa
(pregrabado)
Sin Audiodescripción extendida y alternativa textual
espacios completa
Contenido audiovisual
pregrabado
Pista sonora pregrabada

34. Buenas prácticas para obtener un contenido accesible: 34
1- El contenido en sí debe ser accesible
Solo audio o solo video Descripción auditiva de los elementos claves de
pista visual
Descripción textual de la pista de audio
Audio pregrabado o en directo Debe estar subtitulado (abiertos o
cerrados) en forma sincronizada
Con Subtitulado, Audiodescripción sincronizada con la
Pista visual espacios pista sonora y alternativa textual completa
(pregrabado)
Sin Subtitulado, Audiodescripción extendida y
espacios alternativa textual completa
Contenido audiovisual
pregrabado Alternativa textual completa
Pista sonora pregrabada Contenido alternativo en lengua de señas

35. Buenas prácticas para obtener un contenido accesible: 35
1- El contenido en sí debe ser accesible
Solo audio o solo video Descripción auditiva de los elementos claves de
pista visual A
Descripción textual de la pista de audio A
Audio pregrabado o en directo Debe estar subtitulado (abiertos o A
cerrados) en forma sincronizada
AA
Con Audiodescripción sincronizada con la pista sonora y
Pista visual espacios alternativa textual completa
A
(pregrabado)
Sin Audiodescripción extendida y alternativa textual
espacios completa AAA
Contenido audiovisual
pregrabado Alternativa textual completa AAA
Pista sonora pregrabada Contenido alternativo en lengua de señas AAA

36. Buenas prácticas para obtener un contenido accesible: 36
1- El contenido en sí debe ser accesible
Solo audio o solo video Descripción auditiva de los elementos claves de
pista visual A
Descripción textual de la pista de audio A
Audio pregrabado o en directo Debe estar subtitulado (abiertos o A
cerrados) en forma sincronizada
AA
Con Audiodescripción sincronizada con la pista sonora y
Pista visual espacios alternativa textual completa
A
(pregrabado)
Sin Audiodescripción extendida y alternativa textual
espacios completa AAA
Contenido audiovisual
pregrabado Alternativa textual completa AAA
Pista sonora pregrabada Contenido alternativo en lengua de señas AAA

37. Buenas prácticas para obtener un contenido accesible: 37
2- El acceso a ese contenido debe ser accesible
1- 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.
2- Emisión en descarga progresiva (falso streaming) Los videos pueden estar
3- streaming a) en nuestro
servidor
b) En un servidor
externo

38. Buenas prácticas para obtener un contenido accesible: 38
2- El acceso a ese contenido debe ser accesible
2- Emisión en descarga progresiva (falso streaming)
3- streaming
Fuentes de donde almacena el video
a) En nuestro servidor
Ejemplo de código de cómo se inserta el video con el reproductor CCPlayer
<object type="application/x-shockwave-flash" data="Player.swf"
width="PrimaryResource.size" height="PrimaryResource.size">
<param name="movie" value="/files/video/reproductor/ccPlayer.swf?
ccVideoName=PrimaryResource.URI
&ccCaptionFilename=AlternativeResource.URI
&ccCaptionLanguage=es" />
</object>

39. Buenas prácticas para obtener un contenido accesible: 39
2- El acceso a ese contenido debe ser accesible
2- Emisión en descarga progresiva (falso streaming)
3- streaming
Fuentes de donde almacena el video
a) En nuestro servidor
Ejemplo del reproductor CCPlayer
http://ncam.wgbh.org/invent_build/web_mu
ltimedia/tools-guidelines/ccforflash

40. Buenas prácticas para obtener un contenido accesible: 40
2- El acceso a ese contenido debe ser accesible
2- Emisión en descarga progresiva (falso streaming)
3- streaming
Fuentes de donde almacena el video
a) En nuestro servidor
Ejemplos : Galería multimedia Cesya
http://www.cesya.es/es/multimedia_accesible

41. Buenas prácticas para obtener un contenido accesible: 41
2- El acceso a ese contenido debe ser accesible
Fuentes de donde almacena el video
b) En servidores externos
- Youtube
- Slideshare
Ejemplo de código de cómo se inserta el video con el reproductor Youtube
<object width='350' height='350' type='application/x-shockwave-flash'
data='http://www.youtube.com/v/6BbfcGs2VLI?fs=1&amp;hl=en_US&amp;rel=0' >
<param name='movie'
value='http://www.youtube.com/v/6BbfcGs2VLI?fs=1&amp;hl=en_US&amp;rel=0'
/> <param name='allowFullScreen' value='true'/> <param
name='allowscriptaccess' value='always'/> No tiene los drivers necesarios para
visualizar un video. </object>

42. Buenas prácticas para obtener un contenido accesible: 42
2- El acceso a ese contenido debe ser accesible
Fuentes de donde almacena el video
b) En servidores externos
- Youtube
- Slideshare
Ejemplo de código de cómo se inserta el video con el reproductor Slideshare
<object type="application/x-shockwave-flash"
data="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=avances-1227651288680189-
9&amp;amp;ampstripped_title=avances-presentation-788349" width="300" height="255">
<param name="movie"
value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=avances-
1227651288680189-9&amp;amp;stripped_title=avances-presentation-788349"/>
<param name="allowFullScreen" value="true"/>
<param name="allowScriptAccess" value="always"/> No tiene los drivers necesarios para
ver esta presentación. Para leer su contenido acceda al enlace de descripción en formato
pdf. </object>

43. Buenas prácticas para obtener un contenido accesible: 43
3- En la visualización del contenido debemos 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.

44. Buenas prácticas para obtener un contenido accesible: 44
3- En la visualización del contenido debemos ofrecer alternativas
atendiendo a preferencias del usuario y la interacción del usuario al
acceder al contenido debe ser usable
http://www.atedis.gov.ar/videoteca_atedis.php
?vi=7#adaptativa7

45. Buenas prácticas para obtener un contenido accesible: 45
Archivos que componen el mensaje multimedial:
Video: .mp4, avi
Subtítulos abiertos: .srt
Audiodescripción abierta: .mp3
Descripción extendida de audio: .mp3
Descripción textual extendida: .doc, .pdf

46. Buenas prácticas para obtener un contenido accesible: 46
Archivos que componen el mensaje multimedial:
Video: .mp4, avi Archivos que componen el video
Con contenido accesible
Subtítulos abiertos: .srt
Audiodescripción abierta: .mp3
Descripción extendida de audio: .mp3 Archivos alternativos que
Descripción textual extendida: .doc, .pdf completan la información .

47. Buenas prácticas para obtener un contenido accesible: 47
Archivos que componen el mensaje multimedial:
Multimedia
Video: .mp4, avi
Subtítulos abiertos: .srt
Audiodescripción abierta: .mp3
Descripción extendida de audio: .mp3
Descripción textual extendida: .doc, .pdf

48. Buenas prácticas para obtener un contenido accesible: 48
Archivos que componen el mensaje multimedial:
Multimedia
Video accesible más
archivos que ofrecen
formatos alternativos Mensaje Recepción del mensaje Inclusión

49. 49
Por María Dolores García Fernández
http://www.desarrollosdg.com.ar