Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

Multimedia y la accesibilidad web

1.085 visualizaciones

Publicado el

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.

Publicado en: Educación
  • Inicia sesión para ver los comentarios

  • Sé el primero en recomendar esto

Multimedia y la accesibilidad web

  1. 1. Por María Dolores García Fernández http://www.desarrollosdg.com.ar
  2. 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. 3. Texto Interactividad Sonido Multimedia Video Imagen AnimaciónMultimedia y la Accesibilidad Web - María Dolores García 3
  4. 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. 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. 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. 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. 8. Código emisor receptor Mensaje Feedback Interacción Atención Comprensión AprendizajeMultimedia y la Accesibilidad Web - María Dolores García 8
  9. 9. 9InteracciónAtenciónComprensiónAprendizaje
  10. 10. 10 Interacción Atención Comprensión AprendizajeInformación
  11. 11. 11 Interacción + Atención + Comprensión + AprendizajeInformación
  12. 12. 12Interacción +Atención +Comprensión +Aprendizaje Conocimiento
  13. 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. 14. Código emisor receptor Mensaje Feedback Canal : Soporte físico por donde circula la informaciónMultimedia y la Accesibilidad Web - María Dolores García 14
  15. 15. Código: •acústico • visual emisor receptor Mensaje Feedback Canal : Soporte físico por donde circula la informaciónMultimedia y la Accesibilidad Web - María Dolores García 15
  16. 16. Código: •acústico • visual emisor receptor Mensaje Feedback Canal : Soporte físico por donde circula la informaciónMultimedia y la Accesibilidad Web - María Dolores García 16
  17. 17. Código: •acústico • visual emisor receptor Mensaje Feedback Canal : Soporte físico por donde circula la informaciónMultimedia y la Accesibilidad Web - María Dolores García 17
  18. 18. 18Desafío:Lograr una comprensión universal del mensaje audiovisual.
  19. 19. 19Desafío:Lograr una comprensión universal del mensaje audiovisual.
  20. 20. Entrada Información Salida •Teclado •Monitor •Mouse •Impresora •AudioMultimedia y la Accesibilidad Web - María Dolores García 20
  21. 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 •AdaptableMultimedia y la Accesibilidad Web - María Dolores García •Universal 21
  22. 22. Tecnología Asistiva Formatos alternativos Creación de contenido accesibleMultimedia y la Accesibilidad Web - María Dolores García 22
  23. 23. Tecnología Asistiva Creaciónde Contenidos en Formatos alternativos Inclusión CONCLUSIONES Accesibilidad Web + Tecnologías de Apoyo = InclusiónMultimedia y la Accesibilidad Web - María Dolores García 23
  24. 24. Texto Interactividad Sonido Multimedia Video Imagen AnimaciónMultimedia y la Accesibilidad Web - María Dolores García 24
  25. 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 videoMultimedia y la Accesibilidad Web - María Dolores García 25
  26. 26. Interactiva Pautas Facilitar la WAI experiencia de usuario InteroperableMultimedia y la Accesibilidad Web - María Dolores García 26
  27. 27. •Perceptible Interactiva •Comprensible Facilitar la Pautas experiencia WAI de usuario Interoperable •Operable •RobustaMultimedia y la Accesibilidad Web - María Dolores García 27
  28. 28. 28Buenas 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. 29 Buenas prácticas para obtener un contenido accesible El acceso a ese contenido debe ser accesibleContenido Debemos ofrecer alternativas atendiendo a preferencias delsincronizado: 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. 30. Buenas prácticas para obtener un contenido accesible: 301- El contenido en sí debe ser accesible Solo audio o solo video Audio pregrabado o en directo Pista visual (pregrabado)Contenido audiovisualpregrabadoPista sonora pregrabada
  31. 31. Buenas prácticas para obtener un contenido accesible: 311- 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 audiovisualpregrabadoPista sonora pregrabada
  32. 32. Buenas prácticas para obtener un contenido accesible: 321- 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 audiovisualpregrabadoPista sonora pregrabada
  33. 33. Buenas prácticas para obtener un contenido accesible: 331- 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 completaContenido audiovisualpregrabadoPista sonora pregrabada
  34. 34. Buenas prácticas para obtener un contenido accesible: 341- 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 completaContenido audiovisualpregrabado Alternativa textual completaPista sonora pregrabada Contenido alternativo en lengua de señas
  35. 35. Buenas prácticas para obtener un contenido accesible: 351- 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 AAAContenido audiovisualpregrabado Alternativa textual completa AAAPista sonora pregrabada Contenido alternativo en lengua de señas AAA
  36. 36. Buenas prácticas para obtener un contenido accesible: 361- 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 AAAContenido audiovisualpregrabado Alternativa textual completa AAAPista sonora pregrabada Contenido alternativo en lengua de señas AAA
  37. 37. Buenas prácticas para obtener un contenido accesible: 372- 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. 38. Buenas prácticas para obtener un contenido accesible: 382- 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. 39. Buenas prácticas para obtener un contenido accesible: 392- 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. 40. Buenas prácticas para obtener un contenido accesible: 402- 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. 41. Buenas prácticas para obtener un contenido accesible: 412- 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. 42. Buenas prácticas para obtener un contenido accesible: 422- 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. 43. Buenas prácticas para obtener un contenido accesible: 433- 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. 44. Buenas prácticas para obtener un contenido accesible: 443- 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. 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. 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. 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. 48. Buenas prácticas para obtener un contenido accesible: 48 Archivos que componen el mensaje multimedial: MultimediaVideo accesible másarchivos que ofrecenformatos alternativos Mensaje Recepción del mensaje Inclusión
  49. 49. 49Por María Dolores García Fernández http://www.desarrollosdg.com.ar

×