ACCESIBILIDAD A LASOCIEDAD DE INFORMACIÓN:MULTIMEDIA, CONTENIDOSWEB Y AUDIOVISUALESFecha: 16 DE MARZO DE 2012Profesor: MAR...
PRESENTACIÓNTemario  •   Accesibilidad en la sociedad de la información (TIC)  •   Legislación  •   Páginas y contenido we...
ACCESIBILIDAD EN LAS TICAccesibilidad:•   En un contexto genérico cuando hablamos de    accesibilidad nos referimos al gra...
Accesibilidad en las TICAccesibilidad en los nuevos medios:•   Capacidad de acceso, comprensión y uso de un    contenido m...
Accesibilidad en las TICAccesibilidad en los nuevos medios:•   Facilitar el acceso a las personas con    discapacidades ps...
Accesibilidad en las TICAccesibilidad en los nuevos medios:•   No solo centrarnos en problemas o    discapacidades, sino h...
Accesibilidad en las TICAccesibilidad en los nuevos medios:•   La accesibilidad web ha ido paralela a la evolución    de l...
Accesibilidad en las TICAccesibilidad en los nuevos medios:•   VIDEO ACCESIBILIDAD E INTERNET    Una web accesible es una ...
Accesibilidad en las TICAccesibilidad en los nuevos medios:•   Las instituciones están realizando un gran    esfuerzo en l...
Accesibilidad en las TICAccesibilidad en los nuevos medios:•   Existen dispositivos para acceder a los    contenidos web.•...
Accesibilidad en las TICAccesibilidad en los nuevos medios:•   También influye en:    –   Conexiones lentas a internet    ...
Accesibilidad en las TICAccesibilidad en los nuevos medios: ¿Vale más…?
Accesibilidad en las TICAccesibilidad en los nuevos medios:•   VIDEO ACCESIBILIDAD WEB: problemas de    visión
Accesibilidad en las TICAccesibilidad en los nuevos medios:PERSONAS CON PROBLEMAS DE VISIÓN• Conversores automáticos de te...
Accesibilidad en las TICAccesibilidad en los nuevos medios:PERSONAS CON PROBLEMAS DE VISIÓN- Comprobar que no se deforma a...
Accesibilidad en las TICAccesibilidad en los nuevos medios:PERSONAS CON PROBLEMAS DE VISIÓNLECTORES DE PANTALLA:- Describe...
LegislaciónLegislación:-   Apuntes -> Legislación ONU, Europa
LegislaciónLegislación ESPAÑA   La primera ley de ámbito nacional en la que se trata específicamente la    accesibilidad ...
LegislaciónLegislación ESPAÑA   La importancia y trascendencia de esta ley, viene dada sobre todo    por su alcance, decl...
LegislaciónLegislación ESPAÑA   La LEY 51/2003 de igualdad de oportunidades, no    discriminación y accesibilidad univers...
LegislaciónLegislación ESPAÑA   Por último se existe un plan vigente sobre accesibilidad, el    Plan Nacional de Accesibi...
LegislaciónLegislación ESPAÑA   REAL DECRETO 1494/2007, de 12 de noviembre, por el que se    aprueba el Reglamento sobre ...
LegislaciónLegislación ESPAÑA   En general, la accesibilidad a los sitios web de la Administración    Pública española es...
Accesibilidad en las TICAccesibilidad en los nuevos medios:¿Entonces la accesibilidad web es solo para ciegos?
Accesibilidad en las TICAccesibilidad en los nuevos medios:¿A quién beneficia?A personas con discapacidades visuales- Cegu...
Accesibilidad en las TICAccesibilidad en los nuevos medios:¿A quién beneficia?A personas con discapacidades auditivas- Sor...
Accesibilidad en las TICAccesibilidad en los nuevos medios:¿A quién beneficia?A personas con discapacidades motrices- Dist...
Accesibilidad en las TICAccesibilidad en los nuevos medios:¿A quién beneficia?-   A personas con discapacidades neurológic...
Accesibilidad en las TICAccesibilidad en los nuevos medios:¿Cómo navegan?- Con lectores de pantalla(video lector braille y...
Accesibilidad en las TICAccesibilidad en los nuevos medios:¿Cómo navegan?-   Navegadores solo texto -   Navegadores adapt...
Accesibilidad en las TICAccesibilidad en los nuevos medios:¿Cómo navegan?-   Ampliadores   -> ZoomTex, es una lupa o    m...
Accesibilidad en las TICAccesibilidad en los nuevos medios:Accesibilidad en web (video ampliación)AFECTA A:- Creadores de ...
Contenido web accesibleCRITERIOS PRINCIPALES WAI: ¿Quién define las pautas de accesibilidad?  En la actualidad existe un ...
Contenido web accesibleNORMATIVA WCAG 2.0 Las Pautas de Accesibilidad para el Contenido Web (WCAG) 2.0 cubren un amplio ra...
Contenido web accesibleCRITERIOS PRINCIPALES WAI:Principios fundamentales Existen cuatro principios fundamentales sobre lo...
Contenido web accesibleCRITERIOS PRINCIPALES WAI:Principios fundamentales    Las directrices se componen de criterios de ...
Contenido web accesibleCRITERIOS PRINCIPALES WAI:Principios fundamentales     Para que una página web sea conforme con las...
Contenido web accesibleNORMATIVA WCAG 2.0Pautas de Accesibilidad para el Contenido Web (WCAG) 2.01 Perceptible       1.1 ...
Contenido web accesibleNORMATIVA WCAG 2.0Pautas de Accesibilidad para el Contenido Web (WCAG) 2.01 Perceptible       1.1 ...
Contenido web accesibleNORMATIVA WCAG 2.0Pautas de Accesibilidad para el Contenido Web (WCAG) 2.01 Perceptible       1.2 ...
Contenido web accesibleNORMATIVA WCAG 2.0Pautas de Accesibilidad para el Contenido Web (WCAG) 2.01 Perceptible       1.3 ...
Contenido web accesibleNORMATIVA WCAG 2.0Pautas de Accesibilidad para el Contenido Web (WCAG ) 2.01 Perceptible       1.3...
Contenido web accesibleNORMATIVA WCAG 2.0Pautas de Accesibilidad para el Contenido Web (WCAG) 2.01 Perceptible        1.4...
Contenido web accesibleNORMATIVA WCAG 2.0Pautas de Accesibilidad para el Contenido Web (WCAG) 2.01 Perceptible        1.4...
Contenido web accesibleNORMATIVA WCAG 2.0Pautas de Accesibilidad para el Contenido Web (WCAG) 2.01 Perceptible        1.4...
Contenido web accesibleNORMATIVA WCAG 2.0La información y la interfaz de usuario tienen que ser presentados de forma que l...
Contenido web accesibleNORMATIVA WCAG 2.0Pautas de Accesibilidad para el Contenido Web (WCAG) 2.02 Operable       2.2 Pro...
Contenido web accesibleNORMATIVA WCAG 2.0Pautas de Accesibilidad para el Contenido Web (WCAG) 2.02 Operable       2.3 No ...
Contenido web accesibleNORMATIVA WCAG 2.0Pautas de Accesibilidad para el Contenido Web (WCAG) 2.02 Operable       2.4 Nav...
Contenido web accesibleNORMATIVA WCAG 2.0La información y la interfaz de usuario deben ser comprensibles.   3. Legible   3...
Contenido web accesibleNORMATIVA WCAG 2.0La información y la interfaz de usuario deben ser  comprensibles.  3. Legible    ...
Contenido web accesibleNORMATIVA WCAG 2.0La información y la interfaz de usuario deben ser  comprensibles.  3. Legible    ...
Contenido web accesibleNORMATIVA WCAG 2.0 Maximizar la compatibilidad con las aplicaciones de usuario actuales y futuras, ...
Contenido web accesibleNORMATIVA WCAG 2.0 Maximizar la compatibilidad con las aplicaciones de usuario actuales y futuras, ...
Contenido web accesibleNORMATIVA WCAG 2.0    VALIDACIÓN AUTOMÁTICA-   http://tawdis.net/ (Fundación CTIC)
Contenido web accesibleNORMATIVA WCAG 2.0    VALIDACIÓN MANUAL-   Hemos visto que hay pautas que son imposibles de    dete...
Contenido web accesibleNORMATIVA WCAG 2.0    VALIDACIÓN MANUAL-   Herramientas que nos pueden ayudar:    -   Usar varios n...
Contenido web accesibleCRITERIOS PRINCIPALES WAIADMINISTRACIÓN ESPAÑOL: principales ERRORES WAI   Criterio 1: El contenid...
Contenido web accesibleCRITERIOS PRINCIPALES WAIPRINCIPALES ERRORES ACCESIBILIDAD BANCA ESPAÑOLA   Problemas encontrados
Contenido web accesibleCRITERIOS PRINCIPALES WAIRECOMENDACIONES:4.    Separar el contenido de la presentación visual.5.   ...
Contenido web accesibleCONTENIDOS ACCESIBLES Resumen   Video (red.es)
Contenido web accesibleREPASO breve para crear sitios webs accesibles:   Imágenes y animaciones: use el atributo ALT para...
Contenido web accesibleGuía breve para crear sitios Webs accesibles.   Figuras y Diagramas: descríbalos brevemente en la ...
Contenido web accesibleACCESIBILIDAD AUDIOVISUAL   Gracias al avance tecnológico y a las mejoras en la    velocidad de co...
Contenido web accesibleACCESIBILIDAD AUDIOVISUAL    Los contenidos audiovisuales presentan una mayor complejidad que el  ...
Contenido web accesibleACCESIBILIDAD AUDIOVISUAL3.   ACCESO AL CONTENIDO    Hay multitud de plataformas o aplicaciones qu...
Contenido web accesibleACCESIBILIDAD AUDIOVISUAL3.   ACCESO AL CONTENIDO    Para ello recomendamos:      Evitar el uso d...
Contenido web accesibleACCESIBILIDAD AUDIOVISUAL3. LA OPERATIBILIDAD DEL REPRODUCTOR Para garantizar la accesibilidad a l...
Contenido web accesibleACCESIBILIDAD AUDIOVISUALSUBTITULACIÓN   La subtitulación es la técnica que se utiliza para transm...
Contenido web accesibleACCESIBILIDAD AUDIOVISUALSUBTITULACIÓN   No solo consiste en trascribir/subtitular la información,...
Contenido web accesibleACCESIBILIDAD AUDIOVISUALSUBTITULACIÓN   Existe una norma ISO para estandarizarlo (UNE 153010) que...
Contenido web accesibleACCESIBILIDAD AUDIOVISUALSUBTITULACIÓN   Los subtítulos deberán aparecer en la parte inferior de l...
Contenido web accesibleACCESIBILIDAD AUDIOVISUALSUBTITULACIÓN   Existen multitud de formatos para la integración de subtí...
Contenido web accesibleACCESIBILIDAD AUDIOVISUALAUDIODESCRIPCIÓN   La audiodescripción es la técnica que se utiliza para ...
Contenido web accesibleACCESIBILIDAD AUDIOVISUALAUDIODESCRIPCIÓN   Recomendaciones y técnicas para una audiodescripción e...
Contenido web accesibleACCESIBILIDAD AUDIOVISUALAUDIODESCRIPCIÓN   Recomendaciones y técnicas para una audiodescripción e...
Contenido web accesibleACCESIBILIDAD AUDIOVISUALAUDIODESCRIPCIÓN   Para la creación de audiodescripciones existen dos téc...
Contenido web accesibleACCESIBILIDAD AUDIOVISUALAUDIODESCRIPCIÓN Documental de audiodescripción Ejemplo de audiodescripc...
Accesibilidad en las TIC10 CLAVES PARA SER ACCESIBLE EN LOS NUEVOS  MEDIOS3.    Preparar los contenidos utilizando un leng...
Accesibilidad en las TIC10 CLAVES PARA SER ACCESIBLE EN LOS NUEVOS  MEDIOS3.   Cuando escojamos el interface de reproducci...
Accesibilidad en las TIC   TAMBIÉN PODEMOS GENERAR CONTENIDO ALTERNATIVO A    TRAVÉS DE PDFs ACCESIBLES:    GUÍA BREVE DE...
Accesibilidad en las TICAccesibilidad en los nuevos medios:PERSONAS CON PROBLEMAS MOTORES E INTELECTUALESVIDEO Tecnología ...
Accesibilidad en las TIC                           ¡Gracias!@MargaTwitamargacabrera,mendez@gmail.comMuchas de las referenc...
Upcoming SlideShare
Loading in …5
×

Accesibilidad audiovisual

2,511 views

Published on

Curso de accesibilidad web y audiovisual

Published in: Education
2 Comments
6 Likes
Statistics
Notes
No Downloads
Views
Total views
2,511
On SlideShare
0
From Embeds
0
Number of Embeds
723
Actions
Shares
0
Downloads
0
Comments
2
Likes
6
Embeds 0
No embeds

No notes for slide

Accesibilidad audiovisual

  1. 1. ACCESIBILIDAD A LASOCIEDAD DE INFORMACIÓN:MULTIMEDIA, CONTENIDOSWEB Y AUDIOVISUALESFecha: 16 DE MARZO DE 2012Profesor: MARGA CABRERA
  2. 2. PRESENTACIÓNTemario • Accesibilidad en la sociedad de la información (TIC) • Legislación • Páginas y contenido web accesible • Normativa • Niveles de accesibilidad en web A, AA y AAA • Herramientas de revisión automáticas • Certificados conforme a la norma UNE 139803:2004 • Escritura accesible • Imágenes accesibles • Accesibilidad audiovisual • Claves para ser accesible en los nuevos medios
  3. 3. ACCESIBILIDAD EN LAS TICAccesibilidad:• En un contexto genérico cuando hablamos de accesibilidad nos referimos al grado en el que todas las personas pueden utilizar un objeto, visitar un lugar o acceder a un servicio, independientemente de sus capacidades técnicas, cognitivas o físicas.
  4. 4. Accesibilidad en las TICAccesibilidad en los nuevos medios:• Capacidad de acceso, comprensión y uso de un contenido multimedia (imágenes, textos, videos, audios, etc.) por el mayor número de usuarios posibles con independencia tanto de sus capacidades físicas, técnicas o intelectuales, como del dispositivo y medio que utilicen.
  5. 5. Accesibilidad en las TICAccesibilidad en los nuevos medios:• Facilitar el acceso a las personas con discapacidades psíquicas, físicas o sensoriales.• La accesibilidad sobrepasa los límites de la discapacidad para abarcar un concepto de acceso universal con independencia de dispositivos, culturas, idiomas e incluso localizaciones.
  6. 6. Accesibilidad en las TICAccesibilidad en los nuevos medios:• No solo centrarnos en problemas o discapacidades, sino hacer uso del sentido común y la normativa con el fin de acercarnos al concepto de USABILIDAD.• Facilitar y mejorar la experiencia de los usuarios en su interacción con los dispositivos multimedia y la comprensión de sus contenidos.
  7. 7. Accesibilidad en las TICAccesibilidad en los nuevos medios:• La accesibilidad web ha ido paralela a la evolución de las nuevas tecnologías.• Mientras que la mayoría de los ciudadanos veían en las TIC el futuro, otros muchos pensaban ya en las dificultades que les supondría la convivencia con nuevas redes sociales como Internet.• Las nuevas tecnologías son puertas abiertas para muchos y barreras otros.
  8. 8. Accesibilidad en las TICAccesibilidad en los nuevos medios:• VIDEO ACCESIBILIDAD E INTERNET Una web accesible es una web más social!
  9. 9. Accesibilidad en las TICAccesibilidad en los nuevos medios:• Las instituciones están realizando un gran esfuerzo en la creación de una Red accesible a todos.• Debería poder usarlo cualquier persona, aún teniendo discapacidad: – Visual – Motora – Intelectual
  10. 10. Accesibilidad en las TICAccesibilidad en los nuevos medios:• Existen dispositivos para acceder a los contenidos web.• Las páginas deben tener una estructura pensada para ellos, y en general, no se hace.• Profesionales -> productos digitales accesibles.
  11. 11. Accesibilidad en las TICAccesibilidad en los nuevos medios:• También influye en: – Conexiones lentas a internet – Personas poco expertas en el uso – Posiciona mejor en los buscadores – Permite el acceso desde nuevos dispositivos PERMITE SACAR MÁS RENDIMIENTO A LA WEB
  12. 12. Accesibilidad en las TICAccesibilidad en los nuevos medios: ¿Vale más…?
  13. 13. Accesibilidad en las TICAccesibilidad en los nuevos medios:• VIDEO ACCESIBILIDAD WEB: problemas de visión
  14. 14. Accesibilidad en las TICAccesibilidad en los nuevos medios:PERSONAS CON PROBLEMAS DE VISIÓN• Conversores automáticos de texto en audio.• A Ampliar texto (o CTRL+rueda ratón) AA• Navegador: ver/tamaño de texto/ampliar(comprobar que no se deforma al ampliar tamaño)
  15. 15. Accesibilidad en las TICAccesibilidad en los nuevos medios:PERSONAS CON PROBLEMAS DE VISIÓN- Comprobar que no se deforma al ampliar tamaño- El tamaño de las fuentes debe estar en medidas relativas
  16. 16. Accesibilidad en las TICAccesibilidad en los nuevos medios:PERSONAS CON PROBLEMAS DE VISIÓNLECTORES DE PANTALLA:- Describen lo que aparece en el monitor de manera secuenciada.- Tienen recursos de navegación, para que el usuario pueda elegir.- También elegimos tipo de voz y velocidad de lectura.
  17. 17. LegislaciónLegislación:- Apuntes -> Legislación ONU, Europa
  18. 18. LegislaciónLegislación ESPAÑA La primera ley de ámbito nacional en la que se trata específicamente la accesibilidad web es la LEY 34/2002. De Servicios de la Sociedad de la Información y de Comercio Electrónico (LSSICE). Publicada el 12 de julio de 2002. La quinta disposición adicional de esta ley está dedicada a la Accesibilidad para las personas con discapacidad y de edad avanzada a la información proporcionada por medios electrónicos. En este punto se señala a las Administraciones Públicas como responsables de adoptar las medidas necesarias para que la información respectiva a sus páginas de Internet pueda ser accesible para el colectivo anteriormente indicado. Además se establece el 31 de diciembre de 2005 como fecha límite para conseguirlo.
  19. 19. LegislaciónLegislación ESPAÑA La importancia y trascendencia de esta ley, viene dada sobre todo por su alcance, declarándose la obligatoriedad de cumplir el Nivel AA de conformidad a TODOS los sitios web de las administraciones públicas y de aquellos organismos en parte financiadas por éstas.
  20. 20. LegislaciónLegislación ESPAÑA La LEY 51/2003 de igualdad de oportunidades, no discriminación y accesibilidad universal de las personas con discapacidad (LIONDAU), se considera una evolución de la LSSICE y sirvió para proporcionar en España un marco legal similar al que ofrecía la legislación de otros países europeos, poniendo de manifiesto los conceptos de no discriminación y accesibilidad universal. La Ley establece, la obligación gradual y progresiva de que todos los entornos, productos y servicios deben ser abiertos, accesibles y practicables para todas las personas y dispone plazos y calendarios para realización de las adaptaciones necesarias que en el caso de la accesibilidad web seguía siendo 2005.
  21. 21. LegislaciónLegislación ESPAÑA Por último se existe un plan vigente sobre accesibilidad, el Plan Nacional de Accesibilidad 2004-2012 que tiene como principal finalidad alcanzar la accesibilidad universal de todos los entornos, productos y servicios para superar las barreras que actualmente excluyen a las personas con discapacidad. Por un nuevo paradigma, el Diseño para Todos, hacia la plena la igualdad de oportunidades.
  22. 22. LegislaciónLegislación ESPAÑA REAL DECRETO 1494/2007, de 12 de noviembre, por el que se aprueba el Reglamento sobre las condiciones básicas para el acceso de las personas con discapacidad a las tecnologías, productos y servicios relacionados con la sociedad de la información y medios de comunicación social.
  23. 23. LegislaciónLegislación ESPAÑA En general, la accesibilidad a los sitios web de la Administración Pública española es muy mala: sólo un 20% de los criterios de accesibilidad analizados son cumplidos por las cinco webs de la Administración Pública. Es grave que ninguno de los cinco sitios web cumpla con todos los criterios de accesibilidad. Pero aún lo es más que cinco de los criterios no sean cumplidos en ninguno de los sitios.
  24. 24. Accesibilidad en las TICAccesibilidad en los nuevos medios:¿Entonces la accesibilidad web es solo para ciegos?
  25. 25. Accesibilidad en las TICAccesibilidad en los nuevos medios:¿A quién beneficia?A personas con discapacidades visuales- Ceguera- Baja visión- Daltonismo
  26. 26. Accesibilidad en las TICAccesibilidad en los nuevos medios:¿A quién beneficia?A personas con discapacidades auditivas- Sordera- Hipoacusia (sordera parcial –ligera o moderada)
  27. 27. Accesibilidad en las TICAccesibilidad en los nuevos medios:¿A quién beneficia?A personas con discapacidades motrices- Distrofia muscular (debilidad-músculo esquelético)- Distonía muscular (contracciones involuntarias)- Parkinson
  28. 28. Accesibilidad en las TICAccesibilidad en los nuevos medios:¿A quién beneficia?- A personas con discapacidades neurológicas y cognitivas- Discapacidades relacionadas con el envejecimiento (suele ser mezcla de las anteriores)- Limitaciones derivadas del entorno Entorno: navegadores antiguos, conexiones lentas, pantallas pequeñas, ausencia de ratón…
  29. 29. Accesibilidad en las TICAccesibilidad en los nuevos medios:¿Cómo navegan?- Con lectores de pantalla(video lector braille y otrosLectores de pantalla)- Dispositivos adaptados
  30. 30. Accesibilidad en las TICAccesibilidad en los nuevos medios:¿Cómo navegan?- Navegadores solo texto - Navegadores adaptados o de sólo texto, existe una buena cantidad de navegadores en los que sólo se ve el texto de la pantalla, sin imágenes ni video,  algunos de ellos son: Lynx, Amaya y las extensiones de Mozilla o Chrome.- Estos navegadores son básicos para que un software lector pueda leer el contenido de la pantalla del ordenador.
  31. 31. Accesibilidad en las TICAccesibilidad en los nuevos medios:¿Cómo navegan?- Ampliadores -> ZoomTex, es una lupa o magnificador de pantalla para personas con problemas de visión. Está pensado para el sistema operativo de Windows.
  32. 32. Accesibilidad en las TICAccesibilidad en los nuevos medios:Accesibilidad en web (video ampliación)AFECTA A:- Creadores de navegadores para internet.- Creadores de herramientas de apoyo para personas con discapacidad.- Generadores de contenido.
  33. 33. Contenido web accesibleCRITERIOS PRINCIPALES WAI: ¿Quién define las pautas de accesibilidad?  En la actualidad existe un grupo de trabajo internacional dentro de la W3C (World Wide Web Consortium) denominado WAI. Es el encargado de definir unas pautas o recomendaciones para garantizar la accesibilidad (las WCAG) del contenido, las herramientas y los agentes de usuario.
  34. 34. Contenido web accesibleNORMATIVA WCAG 2.0 Las Pautas de Accesibilidad para el Contenido Web (WCAG) 2.0 cubren un amplio rango de recomendaciones para crear contenido Web más accesible. Seguir estas pautas permite crear un contenido más accesible para un mayor número de personas con discapacidad, incluyendo:  Ceguera y baja visión  Sordera y deficiencias auditivas  Deficiencias del aprendizaje  Limitaciones cognitivas  Limitaciones de la movilidad  Deficiencias del habla  Fotosensitividad  Combinaciones de las anteriores
  35. 35. Contenido web accesibleCRITERIOS PRINCIPALES WAI:Principios fundamentales Existen cuatro principios fundamentales sobre los que se apoya la accesibilidad:  Perceptibilidad: todo el contenido (textual o multimedia) ha de ser apreciable por los usuarios. Operatibilidad: todos los elementos de la interfaz han de facilitar la interacción. Comprensibilidad: todo el contenido ofrecido ha de ser de fácil comprensión. Robustez: Todo el contenido ha de ser lo suficientemente robusto como para soportar una amplia gama de tecnologías y dispositivos futuros.
  36. 36. Contenido web accesibleCRITERIOS PRINCIPALES WAI:Principios fundamentales  Las directrices se componen de criterios de cumplimiento (success criteria). Cada criterio de cumplimiento tiene un nivel de adecuación o conformidad (A, AA o AAA) que indica su impacto en la accesibilidad.
  37. 37. Contenido web accesibleCRITERIOS PRINCIPALES WAI:Principios fundamentales  Para que una página web sea conforme con las WCAG 2.0, deben satisfacerse todos los requisitos de conformidad siguientes: Nivel de conformidad: Uno de los siguientes niveles de conformidad se satisface por completo.  Nivel A: Para lograr conformidad con el Nivel A (el mínimo), la página web satisface todos los Criterios de Conformidad del Nivel A, o proporciona una versión alternativa conforme.  Nivel AA: Para lograr conformidad con el Nivel AA, la página web satisface todos los Criterios de Conformidad de los Niveles A y AA, o proporciona una versión alternativa conforme al Nivel AA.  Nivel AAA: Para lograr conformidad con el Nivel AAA, la página web satisface todos los Criterios de Conformidad de los Niveles A, AA y AAA, o proporciona una versión alternativa conforme al Nivel AAA.
  38. 38. Contenido web accesibleNORMATIVA WCAG 2.0Pautas de Accesibilidad para el Contenido Web (WCAG) 2.01 Perceptible  1.1 Proporcionar alternativas textuales para todo contenido no textual  Atributo “alt” para describir imágenes.  Imágenes decorativas alt=“ “  Mejor usar CSS que posicionen las imágenes decorativas  No repetir información: imágenes+enlaces (p.e. icono de imprimir)  Alternativas textuales, textos largos. Longdesc=“ url “
  39. 39. Contenido web accesibleNORMATIVA WCAG 2.0Pautas de Accesibilidad para el Contenido Web (WCAG) 2.01 Perceptible  1.1 Proporcionar alternativas textuales para todo contenido no textual  En formularios utilizar las etiquetas <label> o atributos <title> en los input de formulario.  Colocar correctamente el <label>  Antes: text, file, password, textarea y select  Después: checkbox y radio
  40. 40. Contenido web accesibleNORMATIVA WCAG 2.0Pautas de Accesibilidad para el Contenido Web (WCAG) 2.01 Perceptible  1.2 Subtítulos y alternativas.  Son los elementos que muestran su contenido según una línea temporal (animaciones, canciones, películas) habrá que realizar para estos transcripciones textuales, subtitulado o lenguaje de signos.
  41. 41. Contenido web accesibleNORMATIVA WCAG 2.0Pautas de Accesibilidad para el Contenido Web (WCAG) 2.01 Perceptible  1.3 Adaptable y disponible a los productos de apoyo  Nuestro contenido debe ser independiente de la forma de presentación, es decir, independiente del software (presentar contenido sin hojas de estilo).  Esto lo conseguimos respetando una estructura lógica y proporcionando información de características sensoriales: colores, énfasis…
  42. 42. Contenido web accesibleNORMATIVA WCAG 2.0Pautas de Accesibilidad para el Contenido Web (WCAG ) 2.01 Perceptible  1.3 Adaptable y disponible a los productos de apoyo  Usar correctamente <H1>…<H6>  Para las listas usar <ol>, <ul>, <dl>  Usar tablas para representar datos! No para maquetar TABLAS:  Anunciar encabezados, filas y columnas.  Usar el título de la tables, y summary para descripción de lo que se va a mostrar y cómo.
  43. 43. Contenido web accesibleNORMATIVA WCAG 2.0Pautas de Accesibilidad para el Contenido Web (WCAG) 2.01 Perceptible  1.4 Distinguible: facilitar a los usuarios ver y oír el contenido  Uso adecuado del color en la la información de primer plano y el fondo.  Aplicable también al sonido.  Contraste suficiente (analizador)
  44. 44. Contenido web accesibleNORMATIVA WCAG 2.0Pautas de Accesibilidad para el Contenido Web (WCAG) 2.01 Perceptible  1.4 Distinguible: texto y fuente  Especial cuidado con la modificación de los tamaños de la fuente utilizada, para que no rompa o descuadre la web.  A poder ser evitar textos justificados, ya que a las personas con problemas cognitivos les cuesta mantener la lectura.
  45. 45. Contenido web accesibleNORMATIVA WCAG 2.0Pautas de Accesibilidad para el Contenido Web (WCAG) 2.01 Perceptible  1.4 Distinguible: texto y fuente  Problemas con los Captchas (video).
  46. 46. Contenido web accesibleNORMATIVA WCAG 2.0La información y la interfaz de usuario tienen que ser presentados de forma que los puedan percibir2 Operable  2.1 Accesible mediante el teclado.  Toda la funcionalidad debe ser accesible mediante teclado.  Si nuestra web es accesible mediante teclado podrá ser accesible mediante productos de apoyo.
  47. 47. Contenido web accesibleNORMATIVA WCAG 2.0Pautas de Accesibilidad para el Contenido Web (WCAG) 2.02 Operable  2.2 Proporcionar a los usuarios el tiempo suficiente.  Algunas personas necesitan más tiempo para completar las tareas.  Lo mejor es no tener tiempo, pero si lo tiene, debería poderse parar, reanudar o ajustar.  Hay excepciones, como por ejemplo una venta por puja…
  48. 48. Contenido web accesibleNORMATIVA WCAG 2.0Pautas de Accesibilidad para el Contenido Web (WCAG) 2.02 Operable  2.3 No diseñar contenido con efectos dañinos.  Evitar contenido que se sepa que puede provocar ataques, espasmos o convulsiones, (epilepsia).  Cumplir la regla de los 3 destellos o menos en nuestra web.  En el caso de que sea inevitable, dejar el área lo más pequeña posible, por ejemplo el 25% de la web.
  49. 49. Contenido web accesibleNORMATIVA WCAG 2.0Pautas de Accesibilidad para el Contenido Web (WCAG) 2.02 Operable  2.4 Navegable.  Ayudar en la medida de lo posible a que los usuarios encuentren lo que buscan.  Utilizar títulos, migas de pan y sitemap.  Utilizar enlaces para saltar bloques repetitivos de la web (menú o cabeceras).  Intentar que el orden tenga sentido, siguiendo la misma estructura de la web.
  50. 50. Contenido web accesibleNORMATIVA WCAG 2.0La información y la interfaz de usuario deben ser comprensibles. 3. Legible 3.1 Hacer que los contenidos textuales resulten legibles y comprensibles.  Hacer nuestro contenido comprensible tanto para los usuarios como para sus productos de apoyo.  Por ejemplo especificando el idioma de nuestra web, los lectores de pantalla tienen diferentes pronunciaciones según el idioma.  Si se usan abreviaturas, anunciar la equivalencia en el código.
  51. 51. Contenido web accesibleNORMATIVA WCAG 2.0La información y la interfaz de usuario deben ser comprensibles. 3. Legible  3.2 Predecible.  Hacer que nuestras páginas actúen de manera predecible.  Evitar los cambios de estructura mientras navegamos (menús que cambian de lado)
  52. 52. Contenido web accesibleNORMATIVA WCAG 2.0La información y la interfaz de usuario deben ser comprensibles. 3. Legible  3.3 Ayudar a los usuarios a evitar y corregir los errores.  Los usuarios con discapacidad son más propensos a cometer errores y encuentran gran dificultad para corregirlos.  Enviar alertas de cómo solucionarlo.
  53. 53. Contenido web accesibleNORMATIVA WCAG 2.0 Maximizar la compatibilidad con las aplicaciones de usuario actuales y futuras, incluyendo las ayudas técnicas.4 Robusto  4.1 Maximizar la compatibilidad  Maxibilizar la compatibildad con los agentes de usuario y productos de apoyo.  Evitar malas prácticas que provoquen que el producto de apoyo no interprete bien el contenido.  Validar nuestras web y usar el lenguaje de acuerdo a la especificación.
  54. 54. Contenido web accesibleNORMATIVA WCAG 2.0 Maximizar la compatibilidad con las aplicaciones de usuario actuales y futuras, incluyendo las ayudas técnicas.4 Robusto  4.1 Maximizar la compatibilidad  Validador de código HTML y CSS del W3C  http://validator.w3.org
  55. 55. Contenido web accesibleNORMATIVA WCAG 2.0 VALIDACIÓN AUTOMÁTICA- http://tawdis.net/ (Fundación CTIC)
  56. 56. Contenido web accesibleNORMATIVA WCAG 2.0 VALIDACIÓN MANUAL- Hemos visto que hay pautas que son imposibles de detectar automáticamente.- Hay que evaluarlo por nuestra cuenta.- Por ejemplo, que el texto alternativo sea el adecuado.
  57. 57. Contenido web accesibleNORMATIVA WCAG 2.0 VALIDACIÓN MANUAL- Herramientas que nos pueden ayudar: - Usar varios navegadores. - Usar la web con el teclado. - Probar lectores de pantalla. - Probar con usuarios reales (personas con alguna discapacitad) - Monitorizar si actualizamos a menudo.
  58. 58. Contenido web accesibleCRITERIOS PRINCIPALES WAIADMINISTRACIÓN ESPAÑOL: principales ERRORES WAI Criterio 1: El contenido presentado debe ser comprensible sin color Criterio 2: Proporcionar un formato alternativo para todo elemento no textual Criterio 3: El contenido debe ser comprensible en un navegador sin gráficos y en un navegador sólo texto Criterio 4: Los usuarios deben poder controlar cómo visualizan los textos Criterio 5: Se debe proporcionar un título descriptivo para cada marco (frame) Criterio 6: El contenido del sitio web se debe visualizar correctamente sin cargar la hoja de estilos Criterio 7: Se debe proporcionar información accesible sobre la maquetación general del sitio web Criterio 8: El sitio web debe ser accesible sin scripts, applets y otros objetos de programación Criterio 9: Se debe evitar el parpadeo en la pantalla
  59. 59. Contenido web accesibleCRITERIOS PRINCIPALES WAIPRINCIPALES ERRORES ACCESIBILIDAD BANCA ESPAÑOLA Problemas encontrados
  60. 60. Contenido web accesibleCRITERIOS PRINCIPALES WAIRECOMENDACIONES:4. Separar el contenido de la presentación visual.5. No poner texto como imágenes ya que impiden cambiar los tamaños.6. Ofrecer la posibilidad de aumentar el tamaño de las fuentes.7. Asegurarse de que los textos y gráficos son comprensibles cuando se ven sin color.8. Adoptar fondos simples, preferentemente planos y con suficiente contraste.9. No utilizar imágenes o textos que se mueven.10. Añadir texto alternativo o etiquetas "alt" para todas las imágenes.11. Evitar las páginas con marcos pues no son accesibles para algunos navegadores.12. Presentar un mapa web o índice del sitio web en formato texto.13. No obligar al usuario a descargarse plug-ins, ni a la utilización de scripts o applets en funciones esenciales del sitio web. Además de estas recomendaciones se debe tener en cuenta que la usabilidad guarda una relación muy importante con la accesibilidad. Un sitio web ha de cumplir las pautas de accesibilidad, pero también debe facilitar la navegación a los usuarios y la realización de las tareas para las que han accedido al sitio web.
  61. 61. Contenido web accesibleCONTENIDOS ACCESIBLES Resumen Video (red.es)
  62. 62. Contenido web accesibleREPASO breve para crear sitios webs accesibles: Imágenes y animaciones: use el atributo ALT para describir la función de cada elemento. Mapas de imagen: use el elemento MAP y TEXTO para las zonas activas. Multimedia: proporcione subtítulos y transcripción del sonido, descripción del vídeo. Enlaces de Hipertexto: use un texto que tenga sentido leído fuera de contexto. Por ejemplo, evite " pincha aquí ". Organización de las páginas: use encabezados, listas y estructuras consistentes. Use CSS para la maquetación donde sea posible.
  63. 63. Contenido web accesibleGuía breve para crear sitios Webs accesibles. Figuras y Diagramas: descríbalos brevemente en la página o use el atributo LONGDESC. Scripts, applets y plug-ins: ofrezca contenido alternativo si las funciones nuevas no son accesibles. Marcos: use el elemento NOFRAMES y títulos con sentido. Tablas: facilite la lectura línea a línea. Revise su trabajo: verifique use las herramientas, puntos de comprobación y pautas de www.w3.org/tr/wcag20 Fuente: www.w3.org/wai/quicktips
  64. 64. Contenido web accesibleACCESIBILIDAD AUDIOVISUAL Gracias al avance tecnológico y a las mejoras en la velocidad de conexión cada vez es mayor el uso de contenidos audiovisuales en los nuevos medios, generando una mejora en la experiencia de los usuarios y en el acceso a la información. A pesar de esto, no debemos olvidar las dificultades con las que se pueden encontrar personas con discapacidades en el acceso a este tipo de información.
  65. 65. Contenido web accesibleACCESIBILIDAD AUDIOVISUAL Los contenidos audiovisuales presentan una mayor complejidad que el resto de contenidos a la hora de trabajar la accesibilidad. Por eso debemos diferenciar 3 eslabones o capas de acceso a su información:6. EL CONTENIDO Preparar un contenido audiovisual perceptible y accesible para todo el mundo con independencia de las discapacidades auditivas o visuales que se puedan presentar. Debemos ofrecer alternativas al contenido audiovisual utilizando técnicas como la subtitulación, la audiodescripción o la transcripción al lenguaje de signos para garantizar el acceso a la información.
  66. 66. Contenido web accesibleACCESIBILIDAD AUDIOVISUAL3. ACCESO AL CONTENIDO Hay multitud de plataformas o aplicaciones que nos permiten insertar los contenidos audiovisuales minimizando la necesidad de conocimientos técnicos. Pero para poder llegar al mayor número de usuarios y mejorar la accesibilidad a estos contenidos, es necesario centrarse en la robustez y estabilidad que nos ofrecen las aplicaciones. Debemos tener en cuenta que la tecnología esté al alcance de la mayor parte de los usuarios sin la necesidad de instalar complementos adicionales. Maximizando la compatibilidad con las presenten y futuras tecnologías.
  67. 67. Contenido web accesibleACCESIBILIDAD AUDIOVISUAL3. ACCESO AL CONTENIDO Para ello recomendamos:  Evitar el uso de las últimas versiones de las aplicaciones de reproducción.  Utilizar aplicaciones que no requieran la instalación de complementos adicionales.  Asegurarnos de que la aplicación sea compatible en la mayoría de dispositivos.
  68. 68. Contenido web accesibleACCESIBILIDAD AUDIOVISUAL3. LA OPERATIBILIDAD DEL REPRODUCTOR Para garantizar la accesibilidad a los contenidos audiovisuales debemos asegurarnos que los usuarios pueden interactuar con la información ofreciendo el control mediante el uso de interfaces accesibles. Permitir activar o desactivar la reproducción garantizando el control de los tiempos de asimilación del contenido. Etiquetar todos los botones de navegación describiendo su funcionalidad. Ofrecer alternativas de navegación mediante el uso del teclado.
  69. 69. Contenido web accesibleACCESIBILIDAD AUDIOVISUALSUBTITULACIÓN La subtitulación es la técnica que se utiliza para transmitir la información de un contenido multimedia a usuarios que presentan discapacidades auditivas. Consiste en la proyección de subtítulos textuales utilizados como alternativa a los diálogos y elementos sonoros que se ofrecen en un contenido multimedia.
  70. 70. Contenido web accesibleACCESIBILIDAD AUDIOVISUALSUBTITULACIÓN No solo consiste en trascribir/subtitular la información, debemos otorgarle de orden y sentido. La normativa nos muestra incluso la necesidad de utilizar un código de color para facilitar la localización y distinción de los personajes en un contexto en donde se pueda requerir: Amarillo, verde, cian, magenta, por orden de protagonismo y blanco, para el resto de personajes.
  71. 71. Contenido web accesibleACCESIBILIDAD AUDIOVISUALSUBTITULACIÓN Existe una norma ISO para estandarizarlo (UNE 153010) que nos ofrece unas pautas o recomendaciones a tener en cuenta para facilitar tanto la legibilidad como la comprensión de los subtítulos. Destacamos las más importantes:
  72. 72. Contenido web accesibleACCESIBILIDAD AUDIOVISUALSUBTITULACIÓN Los subtítulos deberán aparecer en la parte inferior de la imagen ocupando 2 líneas, excepcionalmente 3. Cada personaje debe aparecer en líneas distintas. El texto debe presentarse centrado. Colocar tres puntos suspensivos al final de subtítulo y otros tres al principio del siguiente. La velocidad recomendada es de 12 caracteres por segundo. Utilizar los pronombres siempre que se pueda. No reproducir las abreviaturas. Utilizar acrónimos.
  73. 73. Contenido web accesibleACCESIBILIDAD AUDIOVISUALSUBTITULACIÓN Existen multitud de formatos para la integración de subtítulos, pero cabe destacar dos formatos:  SMIL (Synchronized Multimedia Integration Language) compatible con la mayoría de reproductores  SAMI (Synchronized Accessible Media Interchange) utilizado por Windows Media Player. Se puede subtitular VIDEOS EN YOUTUBE
  74. 74. Contenido web accesibleACCESIBILIDAD AUDIOVISUALAUDIODESCRIPCIÓN La audiodescripción es la técnica que se utiliza para transmitir la información de un contenido multimedia a personas ciegas o que presentan discapacidades visuales. Consiste en añadir un contenido alternativo en formato audio (pista) para describir las acciones, los personajes, los gestos, los paisajes… y así ayudar a comprender el contexto de la narración.
  75. 75. Contenido web accesibleACCESIBILIDAD AUDIOVISUALAUDIODESCRIPCIÓN Recomendaciones y técnicas para una audiodescripción efectiva:  Analizar las peculiaridades del producto audiovisual para plantear su enfoque y localizar posibles huecos o pausas para la inserción.  Preparar un guión capaz de sincronizar el espacio-temporal adecuándose correctamente a la trama y respetando sus elementos.  Realizar una correcta locución: clara y neutra.  Realizar un montaje efectivo compensado los volúmenes y efectos de ambiente.
  76. 76. Contenido web accesibleACCESIBILIDAD AUDIOVISUALAUDIODESCRIPCIÓN Recomendaciones y técnicas para una audiodescripción efectiva:  Analizar las peculiaridades del producto audiovisual para plantear su enfoque y localizar posibles huecos o pausas para la inserción.  Preparar un guión capaz de sincronizar el espacio-temporal adecuándose correctamente a la trama y respetando sus elementos.  Realizar una correcta locución: clara y neutra.  Realizar un montaje efectivo compensado los volúmenes y efectos de ambiente.
  77. 77. Contenido web accesibleACCESIBILIDAD AUDIOVISUALAUDIODESCRIPCIÓN Para la creación de audiodescripciones existen dos técnicas diferenciadas:  Puede ser insertando una pista sonora dentro del contenido audiovisual en el proceso de posproducción.  Utilizando SMIL/SAMI (como en la inserción de subtítulos) separándolos del contenido audiovisual, permitiendo su uso como un contenido independiente.
  78. 78. Contenido web accesibleACCESIBILIDAD AUDIOVISUALAUDIODESCRIPCIÓN Documental de audiodescripción Ejemplo de audiodescripción Nemo (video) Ejemplo Amelie (video) Audiodescripción SERES INVISIBLES
  79. 79. Accesibilidad en las TIC10 CLAVES PARA SER ACCESIBLE EN LOS NUEVOS MEDIOS3. Preparar los contenidos utilizando un lenguaje claro, sencillo y bien estructurado que facilite su comprensión.5. Utilizar encabezados y entradillas, resaltando las palabras clave en negrita, resumiendo y destacando los puntos clave de la información, usando listas numeradas y no numeradas para mejorar la localización y jerarquización del contenido.7. Proporcionar contenido alternativo en formato texto para todos los contenidos visuales.9. Antes de realizar los contenidos alternativos debemos analizar la función de los elementos visuales o sonoros en el contexto.11. A la hora de insertar contenidos audiovisuales, debemos asegurarnos de utilizar una tecnología de integración y reproducción que se encuentre disponible para la mayoría de los usuarios.
  80. 80. Accesibilidad en las TIC10 CLAVES PARA SER ACCESIBLE EN LOS NUEVOS MEDIOS3. Cuando escojamos el interface de reproducción para los contenidos audiovisuales tendremos que asegurarnos que respeta los principios de accesibilidad, describiendo las funcionalidades de los botones de acción.5. Permitir a los usuarios controlar o interactuar con los tempos en reproducción de los contenidos audiovisuales.7. Preparar subtítulos como alternativa a los audios.9. Preparar audiodescripciones para los videos.11. Utilizar el sentido común basándonos en los criterios de usabilidad para lograr el acceso universal a los contenidos del producto multimedia.
  81. 81. Accesibilidad en las TIC TAMBIÉN PODEMOS GENERAR CONTENIDO ALTERNATIVO A TRAVÉS DE PDFs ACCESIBLES: GUÍA BREVE DE ACCESIBILIDAD EN DOCUMENTOS PDF  Opciones de ACCESIBILIDAD en visualizador ACROBAT READER  ACCESIBILIDAD EN REDES SOCIALES  Informe de accesibilidad de plataformas de redes sociales  ENREDAR: Guía de ayuda para las redes sociales  Lectura Fácil para personas con discapacidad intelectual: http://www.simplext.es
  82. 82. Accesibilidad en las TICAccesibilidad en los nuevos medios:PERSONAS CON PROBLEMAS MOTORES E INTELECTUALESVIDEO Tecnología para todos Accesibilidad Digital: catálogo de más de 800 ayudas técnicas comerciales y más de 400 alternativas "caseras".
  83. 83. Accesibilidad en las TIC ¡Gracias!@MargaTwitamargacabrera,mendez@gmail.comMuchas de las referencias han sido gracias Blas Hernández,en www.manualdeestilo.com

×