Multimedia y la accesibilidad web

Maria Dolores Garcia Fernandez
Maria Dolores Garcia FernandezDiseño Web Inclusivo en Maria Dolores Garcia Fernandez
Por María Dolores García Fernández
    http://www.desarrollosdg.com.ar
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
Texto




                                        Interactividad                  Sonido




                                                           Multimedia




                                             Video                      Imagen




                                                           Animación




Multimedia y la Accesibilidad Web - María Dolores García
                                                                                 3
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
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
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
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
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




Interacción
Atención
Comprensión
Aprendizaje
10




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




              Interacción +
              Atención +
              Comprensión +
              Aprendizaje
Información
12




Interacción +
Atención +
Comprensión +
Aprendizaje
            Conocimiento
•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
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
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
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
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




Desafío:

Lograr una comprensión universal del mensaje audiovisual.
19




Desafío:

Lograr una comprensión universal del mensaje audiovisual.
Entrada                                     Información   Salida



              •Teclado
                                                                         •Monitor
              •Mouse
                                                                         •Impresora
                                                                         •Audio




Multimedia y la Accesibilidad Web - María Dolores García
                                                                                      20
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
Tecnología
                                                                       Asistiva




                                                       Formatos
                                                      alternativos




                                                                              Creación de
                                                                           contenido accesible




Multimedia y la Accesibilidad Web - María Dolores García
                                                                                                 22
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
Texto




                                        Interactividad                  Sonido




                                                           Multimedia




                                             Video                      Imagen




                                                           Animación




Multimedia y la Accesibilidad Web - María Dolores García
                                                                                 24
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
Interactiva




                                                              Pautas       Facilitar la
                                                               WAI         experiencia
                                                                           de usuario




                                                           Interoperable




Multimedia y la Accesibilidad Web - María Dolores García
                                                                                    26
•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


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


    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.
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
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
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
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
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
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
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
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
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>
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
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
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>
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>
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.
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
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
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 .
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
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




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

Recomendados

Multimedia Distancia 2009 por
Multimedia Distancia 2009Multimedia Distancia 2009
Multimedia Distancia 2009jorca11
358 vistas21 diapositivas
Software multimedia por
Software multimediaSoftware multimedia
Software multimediaMitsuoYo
236 vistas10 diapositivas
Conceptos básicos multimedia por
Conceptos básicos multimediaConceptos básicos multimedia
Conceptos básicos multimediaJulio Montufar
419 vistas4 diapositivas
MULTIMEDIA por
MULTIMEDIAMULTIMEDIA
MULTIMEDIAIsmael1995
334 vistas4 diapositivas
Multimedia claudia lemen por
Multimedia claudia lemenMultimedia claudia lemen
Multimedia claudia lemenClaudiaGuadalupeLeme
31 vistas12 diapositivas
Multimedia por
MultimediaMultimedia
Multimediacarlosrafaellopezperez
34 vistas4 diapositivas

Más contenido relacionado

La actualidad más candente

Introduccion multimedia por
Introduccion multimediaIntroduccion multimedia
Introduccion multimediaGabii Chelita
52 vistas6 diapositivas
Cuadriptico informativo santiago leon 3 an compressed por
Cuadriptico informativo santiago leon 3 an compressedCuadriptico informativo santiago leon 3 an compressed
Cuadriptico informativo santiago leon 3 an compressedSanthyLp
39 vistas3 diapositivas
Comunicacion interactiva por
Comunicacion interactivaComunicacion interactiva
Comunicacion interactivastepfanieWc
175 vistas15 diapositivas
Informatica: Temas del año escolar 2011 por
Informatica: Temas del año escolar 2011Informatica: Temas del año escolar 2011
Informatica: Temas del año escolar 2011Gilberto Garrido AB
358 vistas23 diapositivas
Plataformas multimedia por
Plataformas multimediaPlataformas multimedia
Plataformas multimediaJorge avenda?
1.1K vistas1 diapositiva
Rmd / Clase 1 / 2012 por
Rmd / Clase 1 / 2012Rmd / Clase 1 / 2012
Rmd / Clase 1 / 2012Marcela Rosales
454 vistas55 diapositivas

La actualidad más candente(17)

Cuadriptico informativo santiago leon 3 an compressed por SanthyLp
Cuadriptico informativo santiago leon 3 an compressedCuadriptico informativo santiago leon 3 an compressed
Cuadriptico informativo santiago leon 3 an compressed
SanthyLp39 vistas
Comunicacion interactiva por stepfanieWc
Comunicacion interactivaComunicacion interactiva
Comunicacion interactiva
stepfanieWc175 vistas
Plataformas multimedia por Jorge avenda?
Plataformas multimediaPlataformas multimedia
Plataformas multimedia
Jorge avenda?1.1K vistas
Guia básica de diseño con Prezi - Documento Maestro por Freddy Castillo
Guia básica de diseño con Prezi - Documento MaestroGuia básica de diseño con Prezi - Documento Maestro
Guia básica de diseño con Prezi - Documento Maestro
Freddy Castillo1.5K vistas
Comunicación interactiva por xvrlopez
Comunicación interactivaComunicación interactiva
Comunicación interactiva
xvrlopez165 vistas
Medios interactivos por Eva Avila
Medios interactivosMedios interactivos
Medios interactivos
Eva Avila13.3K vistas
Multimedia por Juana0014
MultimediaMultimedia
Multimedia
Juana0014202 vistas

Destacado

Les Tendances Du Web2009 por
Les Tendances Du Web2009Les Tendances Du Web2009
Les Tendances Du Web2009François GOUBE
946 vistas43 diapositivas
Presentación1 por
Presentación1Presentación1
Presentación1carminiajrp
197 vistas6 diapositivas
Prueba de PPT por
Prueba de PPTPrueba de PPT
Prueba de PPTJagay Alfassa
198 vistas7 diapositivas
Fundación Alamedillas: Servicio de Prevención y Diagnóstico precoz del VIH (S... por
Fundación Alamedillas: Servicio de Prevención y Diagnóstico precoz del VIH (S...Fundación Alamedillas: Servicio de Prevención y Diagnóstico precoz del VIH (S...
Fundación Alamedillas: Servicio de Prevención y Diagnóstico precoz del VIH (S...Fundación Alamedillas
83 vistas7 diapositivas
Pour une vie_meilleure_cactus_dicton por
Pour une vie_meilleure_cactus_dictonPour une vie_meilleure_cactus_dicton
Pour une vie_meilleure_cactus_dictonrodolphe gilbert-collet
260 vistas38 diapositivas
Sistema de Captura de Movimiento de Bajo Costo por
Sistema de Captura de Movimiento de Bajo CostoSistema de Captura de Movimiento de Bajo Costo
Sistema de Captura de Movimiento de Bajo CostoJheison Alexander Mejia Zambrano
510 vistas49 diapositivas

Destacado(20)

Fundación Alamedillas: Servicio de Prevención y Diagnóstico precoz del VIH (S... por Fundación Alamedillas
Fundación Alamedillas: Servicio de Prevención y Diagnóstico precoz del VIH (S...Fundación Alamedillas: Servicio de Prevención y Diagnóstico precoz del VIH (S...
Fundación Alamedillas: Servicio de Prevención y Diagnóstico precoz del VIH (S...
Agence TL - Photographie par Thomas Labois por Thomas Labois
Agence TL - Photographie par Thomas LaboisAgence TL - Photographie par Thomas Labois
Agence TL - Photographie par Thomas Labois
Thomas Labois370 vistas
Energiasalternativas por rotariojose
EnergiasalternativasEnergiasalternativas
Energiasalternativas
rotariojose610 vistas
Interview Pierre Camou (Midol du 29 juin) por Marc De Jongy
Interview Pierre Camou (Midol du 29 juin)Interview Pierre Camou (Midol du 29 juin)
Interview Pierre Camou (Midol du 29 juin)
Marc De Jongy457 vistas
Applications mobiles - quels choix ? por odemarez
Applications mobiles  - quels choix ?Applications mobiles  - quels choix ?
Applications mobiles - quels choix ?
odemarez1.1K vistas
Apprendre A Consommer por lucifer
Apprendre A ConsommerApprendre A Consommer
Apprendre A Consommer
lucifer410 vistas
Veille économie numérique du 2707 por Agence Elan
Veille économie numérique du 2707Veille économie numérique du 2707
Veille économie numérique du 2707
Agence Elan475 vistas
recommendation letter por Albert Tay
recommendation letterrecommendation letter
recommendation letter
Albert Tay261 vistas
Tableau évolution des comptes chauffeurs por y0chi
Tableau évolution des comptes chauffeursTableau évolution des comptes chauffeurs
Tableau évolution des comptes chauffeurs
y0chi215 vistas

Similar a Multimedia y la accesibilidad web

Actividad de aprendizaje 1.1 tic’s victor por
Actividad de aprendizaje 1.1 tic’s victorActividad de aprendizaje 1.1 tic’s victor
Actividad de aprendizaje 1.1 tic’s victorConsejo Nacional Electoral
211 vistas18 diapositivas
T riptico de la comicaciòn por
T riptico de la comicaciònT riptico de la comicaciòn
T riptico de la comicaciònpeluche_macho
409 vistas2 diapositivas
Kimberly gonzalez por
Kimberly gonzalezKimberly gonzalez
Kimberly gonzalezkimberly gonzalez
34 vistas15 diapositivas
La estrategia de la empresa en la web 2.0 por
La estrategia de la empresa en la web 2.0La estrategia de la empresa en la web 2.0
La estrategia de la empresa en la web 2.0Fundación FYDE-CajaCanarias
326 vistas24 diapositivas
Proyecto multimedia gonzalez por
Proyecto multimedia gonzalezProyecto multimedia gonzalez
Proyecto multimedia gonzalezAndreaGonzalez1101
286 vistas10 diapositivas

Similar a Multimedia y la accesibilidad web(20)

T riptico de la comicaciòn por peluche_macho
T riptico de la comicaciònT riptico de la comicaciòn
T riptico de la comicaciòn
peluche_macho409 vistas
TICS por Pattypau
TICSTICS
TICS
Pattypau115 vistas
Multimedia (informatica) (1) por Sindy Garcia
Multimedia (informatica) (1)Multimedia (informatica) (1)
Multimedia (informatica) (1)
Sindy Garcia3.1K vistas
Tipología de la multimedia por Mirna Avelar
Tipología de la multimediaTipología de la multimedia
Tipología de la multimedia
Mirna Avelar147 vistas
Antecedentes históricos de multimedia por roximitre
Antecedentes históricos de multimediaAntecedentes históricos de multimedia
Antecedentes históricos de multimedia
roximitre231 vistas

Más de Maria Dolores Garcia Fernandez

Quinta Jornada por una Web sin barreras por
Quinta Jornada por una Web sin barrerasQuinta Jornada por una Web sin barreras
Quinta Jornada por una Web sin barrerasMaria Dolores Garcia Fernandez
446 vistas20 diapositivas
Diseño Web Inclusivo - La comunicación con estilo por
Diseño Web Inclusivo - La comunicación con estiloDiseño Web Inclusivo - La comunicación con estilo
Diseño Web Inclusivo - La comunicación con estiloMaria Dolores Garcia Fernandez
764 vistas91 diapositivas
Domotica por
DomoticaDomotica
DomoticaMaria Dolores Garcia Fernandez
647 vistas15 diapositivas
Diseño web inclusivo y la maquetación por
Diseño web inclusivo y la maquetaciónDiseño web inclusivo y la maquetación
Diseño web inclusivo y la maquetaciónMaria Dolores Garcia Fernandez
1K vistas27 diapositivas
Allanando barreras en la comunicación por
Allanando barreras en la comunicaciónAllanando barreras en la comunicación
Allanando barreras en la comunicaciónMaria Dolores Garcia Fernandez
666 vistas34 diapositivas
Maria Dolores Garcia Fernandez por
Maria Dolores Garcia FernandezMaria Dolores Garcia Fernandez
Maria Dolores Garcia FernandezMaria Dolores Garcia Fernandez
1.6K vistas6 diapositivas

Más de Maria Dolores Garcia Fernandez(20)

Último

FORTI-DICIEMBRE.2023.pdf por
FORTI-DICIEMBRE.2023.pdfFORTI-DICIEMBRE.2023.pdf
FORTI-DICIEMBRE.2023.pdfEl Fortí
163 vistas40 diapositivas
Tema 2 Modulo IV Redacción de Articulo UPTVT.pptx por
Tema 2 Modulo IV Redacción de Articulo UPTVT.pptxTema 2 Modulo IV Redacción de Articulo UPTVT.pptx
Tema 2 Modulo IV Redacción de Articulo UPTVT.pptxRevista Crítica con Ciencia (e-ISSN: 2958-9495)
64 vistas9 diapositivas
PPT TECNOLOGIAS PARA LA ENSEÑANZA VIRTUAL.pptx por
PPT TECNOLOGIAS PARA LA ENSEÑANZA VIRTUAL.pptxPPT TECNOLOGIAS PARA LA ENSEÑANZA VIRTUAL.pptx
PPT TECNOLOGIAS PARA LA ENSEÑANZA VIRTUAL.pptxCarlaFuentesMuoz
34 vistas7 diapositivas
Tema 1 Modulo IV Redacción de Articulo UPTVT.pdf por
Tema 1 Modulo IV Redacción de Articulo UPTVT.pdfTema 1 Modulo IV Redacción de Articulo UPTVT.pdf
Tema 1 Modulo IV Redacción de Articulo UPTVT.pdfRevista Crítica con Ciencia (e-ISSN: 2958-9495)
81 vistas11 diapositivas
Tema 2 Aparato digestivo 2023.pdf por
Tema 2 Aparato digestivo 2023.pdfTema 2 Aparato digestivo 2023.pdf
Tema 2 Aparato digestivo 2023.pdfIES Vicent Andres Estelles
46 vistas91 diapositivas
Semana 4.pptx por
Semana 4.pptxSemana 4.pptx
Semana 4.pptxValdezsalvadorMayleM
60 vistas9 diapositivas

Último(20)

FORTI-DICIEMBRE.2023.pdf por El Fortí
FORTI-DICIEMBRE.2023.pdfFORTI-DICIEMBRE.2023.pdf
FORTI-DICIEMBRE.2023.pdf
El Fortí163 vistas
PPT TECNOLOGIAS PARA LA ENSEÑANZA VIRTUAL.pptx por CarlaFuentesMuoz
PPT TECNOLOGIAS PARA LA ENSEÑANZA VIRTUAL.pptxPPT TECNOLOGIAS PARA LA ENSEÑANZA VIRTUAL.pptx
PPT TECNOLOGIAS PARA LA ENSEÑANZA VIRTUAL.pptx
CarlaFuentesMuoz34 vistas
Muestra Anual de Literatura Clásica y Latín.pptx por María Roxana
Muestra Anual de Literatura Clásica y Latín.pptxMuestra Anual de Literatura Clásica y Latín.pptx
Muestra Anual de Literatura Clásica y Latín.pptx
María Roxana114 vistas
expresion algebraica.pdf por WilkerlySoto
expresion algebraica.pdfexpresion algebraica.pdf
expresion algebraica.pdf
WilkerlySoto30 vistas
Fase 4- Estudio de la geometría analítica.pptx por blogdealgebraunad
Fase 4- Estudio de la geometría analítica.pptxFase 4- Estudio de la geometría analítica.pptx
Fase 4- Estudio de la geometría analítica.pptx
blogdealgebraunad33 vistas
S1_CPL.pdf por Conecta13
S1_CPL.pdfS1_CPL.pdf
S1_CPL.pdf
Conecta1354 vistas
Castelo de San Diego (A Coruña) por Agrela Elvixeo
Castelo de San Diego (A Coruña)Castelo de San Diego (A Coruña)
Castelo de San Diego (A Coruña)
Agrela Elvixeo146 vistas

Multimedia y la accesibilidad web

  • 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
  • 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