SlideShare una empresa de Scribd logo
1 de 20
Contenidos accesibles
para las redes sociales
José Ramón Hilera González
Universidad de Alcalá, España
Conferencia ATICAcces 2016, Cuenca, Ecuador, 10 de noviembre de 2016
• Concepto y problemas de accesibilidad
• Redes sociales accesibles
• Accesibilidad de los servicios ofrecidos por las redes sociales
• Twitter, Facebook y YouTube
• Cómo publicar contenidos accesibles en:
• Twitter
• Facebook
• YouTube
• Conclusiones
2
Índice
Concepto de accesibilidad
“Condición que deben cumplir los entornos, productos y servicios para
que sean comprensibles, utilizables y practicables por todas las
personas”
Ley 51/2003, de 2 de diciembre, de igualdad de oportunidades, no discriminación y
accesibilidad universal de las personas con discapacidad, España
3
Problemas de accesibilidad
4
Discapacidad visual Discapacidad auditiva Discapacidad motora
Problemas de accesibilidad
5
Discapacidad visual Discapacidad auditiva Discapacidad motora
Una red social es accesible:
• Si las funciones o servicios que ofrece son accesibles
• Si los contenidos que publican los usuarios son accesibles
6
Redes sociales accesibles
• Se puede comprobar su accesibilidad utilizando un producto de
apoyo como un lector de pantalla
• VoiceOver: Para Mac, iPhone y iPad.
• TalkBack: Para dispositivos Android.
• ChromeVox: Para navegador Chrome
• Narrator, Jaws, NVDA: Para Windows
• Asistentes: Siri (iOS), Cortana (Windows), Google Now (Android) 7
Accesibilidad de los servicios ofrecidos por las
redes sociales
• Video de persona ciega usando WhatsApp en iPhone con VoiceOver
8
Ejemplo de uso de redes sociales con productos de
apoyo
• Se puede revisar su accesibilidad con ayuda de un lector de pantalla y
con una herramienta de evaluación automática como AInspector
9
Accesibilidad de los servicios ofrecidos por las
redes sociales (Twitter)
8 fallos
de accesibilidad
en la sección de
configuración
de cuenta en
Twitter
• Revisión con AInspector
10
Accesibilidad de los servicios ofrecidos por las
redes sociales (Facebook)
11 fallos
de accesibilidad
en la sección de
calendario de
Facebook
• Revisión con AInspector
11
Accesibilidad de los servicios ofrecidos por las
redes sociales (YouTube)
13 fallos
de accesibilidad
en la sección de
analíticas de
YouTube
• Se pueden describir las imágenes incluidas en los tweets, para que
sean leídas por los lectores de pantalla
• Hay que activar la opción en Configuración -> Accesibilidad
12
Cómo publicar contenidos accesibles en Twitter
Describiendo imágenes: (1) Activar opción
• Al escribir un tweet e insertar una imagen, ahora aparece la opción
“Añadir descripción”
13
Cómo publicar contenidos accesibles en Twitter:
Describiendo imágenes: (2) Insertar imagen
• Nuestros seguidores verían el tweet pero no la descripción, que se
reproduce por el altavoz si están usando un lector de pantalla
14
Cómo publicar contenidos accesibles en Twitter:
Describiendo imágenes: (3) Escuchar descripción
(…) Consejo para hoy. Imagen.
perrito con dos patas delanteras
ortopédicas y mensaje comillas
porque si él no se rinde tú
tampoco deberías hacerlo
comillas (...)
• Al crear un álbum, poner un título y descripción, y comentar todas las
fotos
15
Cómo publicar contenidos accesibles en Facebook
Describiendo imágenes: (1) Crear álbum con imagen
• Nuestros amigos verán la imagen pero no la descripción, que se oye
parcialmente si están usando un lector de pantalla
• Al pulsar sobre la imagen se abre el visor de fotos con la descripción completa
16
Cómo publicar contenidos accesibles en Facebook
Describiendo imágenes: (2) Escuchar descripción
Diálogo introducido. Visor de
fotos de Facebook diálogo.
Perrito con dos patas
delanteras ortopédicas y
mensaje comilla porque si él no
se rinde tú tampoco deberías
hacerlo comilla
Perrito con dos patas
delanteras y puntos
suspensivos. Enlace.
• Después de subir un vídeo, elegir la opción Editar  Subtítulos
• Y después “Español (automático)” y corregir el texto generado si tiene errores
• Al final pulsar “Publicar”
17
Cómo publicar contenidos accesibles en YouTube
Añadiendo subtítulos a los vídeos automáticamente
• Página web de la organización Media Access
Australia
• Sección “Social media for people with a disability”
• Información actualizada sobre accesibilidad de:
• Facebook
• Twitter
• LinkedIn
• Blogs (WordPress y Tumblr)
• YouTube
• Instagram
• Skype
18
Más información sobre accesibilidad
de las redes sociales
• Las redes sociales son utilizadas por cualquier persona, con o sin
discapacidad
• Todos vamos a tener limitaciones personales o derivadas de nuestro
entorno en algún momento de nuestra vida
• Es importante que los creadores de redes sociales las hagan
accesibles para que todos las podamos utilizar
• Pero los usuarios de las redes también podemos ayudar:
• Con muy poco esfuerzo extra, podemos conseguir que la información que
publicamos en las redes sociales sea más accesible
19
Conclusiones
José R. Hilera
E-mail: jose.hilera@uah.es
Twitter: @web_a11y
Universidad de Alcalá
Alcalá de Henares, España
http://www.uah.es
Gracias por la atención

Más contenido relacionado

La actualidad más candente (18)

¿Cómo compartir objetos digitales? (actualización 2013)
¿Cómo compartir objetos digitales? (actualización 2013)¿Cómo compartir objetos digitales? (actualización 2013)
¿Cómo compartir objetos digitales? (actualización 2013)
 
Historia de los Blogs
Historia de los BlogsHistoria de los Blogs
Historia de los Blogs
 
La web 2_0_y_sus_recursos[1]
La web 2_0_y_sus_recursos[1]La web 2_0_y_sus_recursos[1]
La web 2_0_y_sus_recursos[1]
 
Blogger
BloggerBlogger
Blogger
 
YOUTUBE
YOUTUBEYOUTUBE
YOUTUBE
 
Diapositiva de you tube
Diapositiva de you tubeDiapositiva de you tube
Diapositiva de you tube
 
Blogger
BloggerBlogger
Blogger
 
Web 2.0 herramientas
Web 2.0 herramientasWeb 2.0 herramientas
Web 2.0 herramientas
 
SOFTWARE
SOFTWARE SOFTWARE
SOFTWARE
 
Actividad 1
Actividad 1Actividad 1
Actividad 1
 
Qué es un blog?
Qué es un blog?Qué es un blog?
Qué es un blog?
 
La wiki
La wikiLa wiki
La wiki
 
Web2.02008
Web2.02008Web2.02008
Web2.02008
 
Blogs
BlogsBlogs
Blogs
 
Tumblr
TumblrTumblr
Tumblr
 
Trabajo de blogs
Trabajo de blogsTrabajo de blogs
Trabajo de blogs
 
You tube
You tubeYou tube
You tube
 
Instituto tecnologico de tijuana2
Instituto tecnologico de tijuana2Instituto tecnologico de tijuana2
Instituto tecnologico de tijuana2
 

Destacado

Базові технології електронної комерції
Базові технології електронної комерціїБазові технології електронної комерції
Базові технології електронної комерціїOleg Nazarevych
 
4 claves de management de la nueva emperatriz de los medios-Forbes
4 claves de management de la nueva emperatriz de los medios-Forbes4 claves de management de la nueva emperatriz de los medios-Forbes
4 claves de management de la nueva emperatriz de los medios-ForbesAdriana Cisneros
 
NEBOSH Control of international workplace hazards
NEBOSH Control of international workplace hazardsNEBOSH Control of international workplace hazards
NEBOSH Control of international workplace hazardscris surti
 
OSHA ID CARD BACK PART
OSHA ID CARD BACK PARTOSHA ID CARD BACK PART
OSHA ID CARD BACK PARTcris surti
 
Тема 10 Електронні платіжні системи
Тема 10 Електронні платіжні системиТема 10 Електронні платіжні системи
Тема 10 Електронні платіжні системиOleg Nazarevych
 
Triangle of trade concept last version.02
Triangle of trade concept last version.02Triangle of trade concept last version.02
Triangle of trade concept last version.02Eugene Kistner
 
Islaami Taaleem By Mufti JalalUddin Ahmad
Islaami Taaleem By Mufti JalalUddin AhmadIslaami Taaleem By Mufti JalalUddin Ahmad
Islaami Taaleem By Mufti JalalUddin AhmadWajid Malik
 
HOJA DE REPASO RECUPERACIÓN SEGUNDO TRIMESTRE
HOJA DE REPASO RECUPERACIÓN SEGUNDO TRIMESTREHOJA DE REPASO RECUPERACIÓN SEGUNDO TRIMESTRE
HOJA DE REPASO RECUPERACIÓN SEGUNDO TRIMESTREmariaeulaliacs
 
Integración de WAI-ARIA en HTML5
Integración de WAI-ARIA en HTML5Integración de WAI-ARIA en HTML5
Integración de WAI-ARIA en HTML5Jose R. Hilera
 
Núcleos resistencia cristiana siglos viii xi
Núcleos resistencia cristiana siglos viii xiNúcleos resistencia cristiana siglos viii xi
Núcleos resistencia cristiana siglos viii ximariaeulaliacs
 
Accesibilidad web - más allá del marcado
Accesibilidad web - más allá del marcadoAccesibilidad web - más allá del marcado
Accesibilidad web - más allá del marcadoManuel Razzari
 

Destacado (14)

EMPOWERING_D6.3
EMPOWERING_D6.3EMPOWERING_D6.3
EMPOWERING_D6.3
 
Базові технології електронної комерції
Базові технології електронної комерціїБазові технології електронної комерції
Базові технології електронної комерції
 
4 claves de management de la nueva emperatriz de los medios-Forbes
4 claves de management de la nueva emperatriz de los medios-Forbes4 claves de management de la nueva emperatriz de los medios-Forbes
4 claves de management de la nueva emperatriz de los medios-Forbes
 
NEBOSH Control of international workplace hazards
NEBOSH Control of international workplace hazardsNEBOSH Control of international workplace hazards
NEBOSH Control of international workplace hazards
 
OSHA ID CARD BACK PART
OSHA ID CARD BACK PARTOSHA ID CARD BACK PART
OSHA ID CARD BACK PART
 
Mark_Tapawan CV
Mark_Tapawan CVMark_Tapawan CV
Mark_Tapawan CV
 
Тема 10 Електронні платіжні системи
Тема 10 Електронні платіжні системиТема 10 Електронні платіжні системи
Тема 10 Електронні платіжні системи
 
Triangle of trade concept last version.02
Triangle of trade concept last version.02Triangle of trade concept last version.02
Triangle of trade concept last version.02
 
Islaami Taaleem By Mufti JalalUddin Ahmad
Islaami Taaleem By Mufti JalalUddin AhmadIslaami Taaleem By Mufti JalalUddin Ahmad
Islaami Taaleem By Mufti JalalUddin Ahmad
 
Murcia ss.XI-XV
Murcia ss.XI-XVMurcia ss.XI-XV
Murcia ss.XI-XV
 
HOJA DE REPASO RECUPERACIÓN SEGUNDO TRIMESTRE
HOJA DE REPASO RECUPERACIÓN SEGUNDO TRIMESTREHOJA DE REPASO RECUPERACIÓN SEGUNDO TRIMESTRE
HOJA DE REPASO RECUPERACIÓN SEGUNDO TRIMESTRE
 
Integración de WAI-ARIA en HTML5
Integración de WAI-ARIA en HTML5Integración de WAI-ARIA en HTML5
Integración de WAI-ARIA en HTML5
 
Núcleos resistencia cristiana siglos viii xi
Núcleos resistencia cristiana siglos viii xiNúcleos resistencia cristiana siglos viii xi
Núcleos resistencia cristiana siglos viii xi
 
Accesibilidad web - más allá del marcado
Accesibilidad web - más allá del marcadoAccesibilidad web - más allá del marcado
Accesibilidad web - más allá del marcado
 

Similar a Contenidos accesibles para las redes sociales

Recursos didácticos en la red»
Recursos didácticos en la red»Recursos didácticos en la red»
Recursos didácticos en la red»Bryan Sojue
 
Herramientas de la Web 2.0 SlideShare, Blogger, Vimeo, SoundClound
Herramientas de la Web 2.0 SlideShare, Blogger, Vimeo, SoundCloundHerramientas de la Web 2.0 SlideShare, Blogger, Vimeo, SoundClound
Herramientas de la Web 2.0 SlideShare, Blogger, Vimeo, SoundCloundAlexander Narváez Montenegro
 
Cuestionario para slideshare
Cuestionario para slideshareCuestionario para slideshare
Cuestionario para slidesharecarlosminiguano
 
Cuestionario para slideshare
Cuestionario para slideshareCuestionario para slideshare
Cuestionario para slidesharecar456
 
caracter'sticas de Scri(d) Slides*are) +ssuu) ,outu(e) -lickr.Infromatica deb...
caracter'sticas de Scri(d) Slides*are) +ssuu) ,outu(e) -lickr.Infromatica deb...caracter'sticas de Scri(d) Slides*are) +ssuu) ,outu(e) -lickr.Infromatica deb...
caracter'sticas de Scri(d) Slides*are) +ssuu) ,outu(e) -lickr.Infromatica deb...upec
 
Trabajo de investigacion
Trabajo de investigacionTrabajo de investigacion
Trabajo de investigacionLISSETH ACOSTA
 
Iaap 20_usos_de_la_web_2.0
 Iaap 20_usos_de_la_web_2.0 Iaap 20_usos_de_la_web_2.0
Iaap 20_usos_de_la_web_2.0anagracia1702
 
Tpd Nº4 Luaces Matrtinez Gomez Archetti
Tpd Nº4 Luaces Matrtinez Gomez ArchettiTpd Nº4 Luaces Matrtinez Gomez Archetti
Tpd Nº4 Luaces Matrtinez Gomez ArchettiRocio
 
Integrantes nticsç
Integrantes nticsçIntegrantes nticsç
Integrantes nticsçPatrik Chila
 
Plone como un espacio virtual para compartir saberes entre comunidades locale...
Plone como un espacio virtual para compartir saberes entre comunidades locale...Plone como un espacio virtual para compartir saberes entre comunidades locale...
Plone como un espacio virtual para compartir saberes entre comunidades locale...Leonardo J. Caballero G.
 
Web Social. Clases Septiembre 09
Web Social. Clases Septiembre 09Web Social. Clases Septiembre 09
Web Social. Clases Septiembre 09Diana González
 
Cuadro+de+investigación
Cuadro+de+investigaciónCuadro+de+investigación
Cuadro+de+investigaciónprinces
 
Joanny tarea 6 tecnologia educativa
Joanny   tarea 6 tecnologia  educativaJoanny   tarea 6 tecnologia  educativa
Joanny tarea 6 tecnologia educativaJoannycairo
 

Similar a Contenidos accesibles para las redes sociales (20)

Recursos didácticos en la red»
Recursos didácticos en la red»Recursos didácticos en la red»
Recursos didácticos en la red»
 
Herramientas de la Web 2.0 SlideShare, Blogger, Vimeo, SoundClound
Herramientas de la Web 2.0 SlideShare, Blogger, Vimeo, SoundCloundHerramientas de la Web 2.0 SlideShare, Blogger, Vimeo, SoundClound
Herramientas de la Web 2.0 SlideShare, Blogger, Vimeo, SoundClound
 
Cuestionario para slideshare
Cuestionario para slideshareCuestionario para slideshare
Cuestionario para slideshare
 
Cuestionario para slideshare
Cuestionario para slideshareCuestionario para slideshare
Cuestionario para slideshare
 
Gestores de contenido multimedia (GCM).
Gestores de contenido multimedia (GCM).Gestores de contenido multimedia (GCM).
Gestores de contenido multimedia (GCM).
 
caracter'sticas de Scri(d) Slides*are) +ssuu) ,outu(e) -lickr.Infromatica deb...
caracter'sticas de Scri(d) Slides*are) +ssuu) ,outu(e) -lickr.Infromatica deb...caracter'sticas de Scri(d) Slides*are) +ssuu) ,outu(e) -lickr.Infromatica deb...
caracter'sticas de Scri(d) Slides*are) +ssuu) ,outu(e) -lickr.Infromatica deb...
 
Plataformas sociales
Plataformas socialesPlataformas sociales
Plataformas sociales
 
Trabajo de investigacion
Trabajo de investigacionTrabajo de investigacion
Trabajo de investigacion
 
Iaap 20_usos_de_la_web_2.0
 Iaap 20_usos_de_la_web_2.0 Iaap 20_usos_de_la_web_2.0
Iaap 20_usos_de_la_web_2.0
 
Act u2 5
Act u2 5Act u2 5
Act u2 5
 
Tpd Nº4 Luaces Matrtinez Gomez Archetti
Tpd Nº4 Luaces Matrtinez Gomez ArchettiTpd Nº4 Luaces Matrtinez Gomez Archetti
Tpd Nº4 Luaces Matrtinez Gomez Archetti
 
Act_U2_5
Act_U2_5Act_U2_5
Act_U2_5
 
Youtube
YoutubeYoutube
Youtube
 
Integrantes nticsç
Integrantes nticsçIntegrantes nticsç
Integrantes nticsç
 
Integrantes nticsç
Integrantes nticsçIntegrantes nticsç
Integrantes nticsç
 
Plone como un espacio virtual para compartir saberes entre comunidades locale...
Plone como un espacio virtual para compartir saberes entre comunidades locale...Plone como un espacio virtual para compartir saberes entre comunidades locale...
Plone como un espacio virtual para compartir saberes entre comunidades locale...
 
Sintesis
SintesisSintesis
Sintesis
 
Web Social. Clases Septiembre 09
Web Social. Clases Septiembre 09Web Social. Clases Septiembre 09
Web Social. Clases Septiembre 09
 
Cuadro+de+investigación
Cuadro+de+investigaciónCuadro+de+investigación
Cuadro+de+investigación
 
Joanny tarea 6 tecnologia educativa
Joanny   tarea 6 tecnologia  educativaJoanny   tarea 6 tecnologia  educativa
Joanny tarea 6 tecnologia educativa
 

Más de Jose R. Hilera

Tema 3. Herramientas para laInteligencia Tecnológica
Tema 3. Herramientas para laInteligencia TecnológicaTema 3. Herramientas para laInteligencia Tecnológica
Tema 3. Herramientas para laInteligencia TecnológicaJose R. Hilera
 
Tema 2. Sistema de Inteligencia Tecnológica: Norma UNE 166006:2018
Tema 2. Sistema de Inteligencia Tecnológica: Norma UNE 166006:2018Tema 2. Sistema de Inteligencia Tecnológica: Norma UNE 166006:2018
Tema 2. Sistema de Inteligencia Tecnológica: Norma UNE 166006:2018Jose R. Hilera
 
Tema 1. Conceptos básicos sobre Inteligencia Tecnológica
Tema 1. Conceptos básicos sobre Inteligencia TecnológicaTema 1. Conceptos básicos sobre Inteligencia Tecnológica
Tema 1. Conceptos básicos sobre Inteligencia TecnológicaJose R. Hilera
 
Tema 4. Aprendizaje a lo largo de la vida
Tema 4. Aprendizaje a lo largo de la vidaTema 4. Aprendizaje a lo largo de la vida
Tema 4. Aprendizaje a lo largo de la vidaJose R. Hilera
 
Tema 5. Evaluación y comparación de tecnologías
Tema 5. Evaluación y comparación de tecnologíasTema 5. Evaluación y comparación de tecnologías
Tema 5. Evaluación y comparación de tecnologíasJose R. Hilera
 
Patrón de diseño Modelo-Vista-Controlador (MVC)
Patrón de diseño Modelo-Vista-Controlador (MVC)Patrón de diseño Modelo-Vista-Controlador (MVC)
Patrón de diseño Modelo-Vista-Controlador (MVC)Jose R. Hilera
 
Evaluación de la accesibilidad de aplicaciones para dispositivos móviles apli...
Evaluación de la accesibilidad de aplicaciones para dispositivos móviles apli...Evaluación de la accesibilidad de aplicaciones para dispositivos móviles apli...
Evaluación de la accesibilidad de aplicaciones para dispositivos móviles apli...Jose R. Hilera
 
Aspectos generales sobre accesibilidad de aplicaciones móviles (apps)
Aspectos generales sobre accesibilidad de aplicaciones móviles (apps)Aspectos generales sobre accesibilidad de aplicaciones móviles (apps)
Aspectos generales sobre accesibilidad de aplicaciones móviles (apps)Jose R. Hilera
 
Accesibilidad de aplicaciones para dispositivos móviles aplicando el RD 1112/...
Accesibilidad de aplicaciones para dispositivos móviles aplicando el RD 1112/...Accesibilidad de aplicaciones para dispositivos móviles aplicando el RD 1112/...
Accesibilidad de aplicaciones para dispositivos móviles aplicando el RD 1112/...Jose R. Hilera
 
Desarrollo dirigido por modelo de servicios web REST
Desarrollo dirigido por modelo de servicios web RESTDesarrollo dirigido por modelo de servicios web REST
Desarrollo dirigido por modelo de servicios web RESTJose R. Hilera
 
Ejemplos WAI-ARIA con HTML, CSS y JavaScript
Ejemplos WAI-ARIA con HTML, CSS y JavaScriptEjemplos WAI-ARIA con HTML, CSS y JavaScript
Ejemplos WAI-ARIA con HTML, CSS y JavaScriptJose R. Hilera
 
Herramientas de evaluación de accesibilidad web WCAG 2.0
Herramientas de evaluación de accesibilidad web WCAG 2.0Herramientas de evaluación de accesibilidad web WCAG 2.0
Herramientas de evaluación de accesibilidad web WCAG 2.0Jose R. Hilera
 
Ejemplo de corrección de errores de accesibilidad WCAG 2.0 en una página web
Ejemplo de corrección de errores de accesibilidad WCAG 2.0 en una página webEjemplo de corrección de errores de accesibilidad WCAG 2.0 en una página web
Ejemplo de corrección de errores de accesibilidad WCAG 2.0 en una página webJose R. Hilera
 
Resumen de las pautas WCAG 2.0 de W3C
Resumen de las pautas WCAG 2.0 de W3CResumen de las pautas WCAG 2.0 de W3C
Resumen de las pautas WCAG 2.0 de W3CJose R. Hilera
 
PAUTAS W3C DE ACCESIBILIDAD PARA HERRAMIENTAS DE EDICIÓN WEB (ATAG 2.0)
PAUTAS W3C DE ACCESIBILIDAD PARA HERRAMIENTAS DE EDICIÓN WEB (ATAG 2.0)PAUTAS W3C DE ACCESIBILIDAD PARA HERRAMIENTAS DE EDICIÓN WEB (ATAG 2.0)
PAUTAS W3C DE ACCESIBILIDAD PARA HERRAMIENTAS DE EDICIÓN WEB (ATAG 2.0)Jose R. Hilera
 
Estándares de accesibilidad web
Estándares de accesibilidad webEstándares de accesibilidad web
Estándares de accesibilidad webJose R. Hilera
 
Metodologías de ingeniería Web dirigida por modelos
Metodologías de ingeniería Web dirigida por modelosMetodologías de ingeniería Web dirigida por modelos
Metodologías de ingeniería Web dirigida por modelosJose R. Hilera
 
Ontologies in Ubiquitous Computing
Ontologies in Ubiquitous ComputingOntologies in Ubiquitous Computing
Ontologies in Ubiquitous ComputingJose R. Hilera
 

Más de Jose R. Hilera (20)

Tema 3. Herramientas para laInteligencia Tecnológica
Tema 3. Herramientas para laInteligencia TecnológicaTema 3. Herramientas para laInteligencia Tecnológica
Tema 3. Herramientas para laInteligencia Tecnológica
 
Tema 2. Sistema de Inteligencia Tecnológica: Norma UNE 166006:2018
Tema 2. Sistema de Inteligencia Tecnológica: Norma UNE 166006:2018Tema 2. Sistema de Inteligencia Tecnológica: Norma UNE 166006:2018
Tema 2. Sistema de Inteligencia Tecnológica: Norma UNE 166006:2018
 
Tema 1. Conceptos básicos sobre Inteligencia Tecnológica
Tema 1. Conceptos básicos sobre Inteligencia TecnológicaTema 1. Conceptos básicos sobre Inteligencia Tecnológica
Tema 1. Conceptos básicos sobre Inteligencia Tecnológica
 
Tema 4. Aprendizaje a lo largo de la vida
Tema 4. Aprendizaje a lo largo de la vidaTema 4. Aprendizaje a lo largo de la vida
Tema 4. Aprendizaje a lo largo de la vida
 
Tema 5. Evaluación y comparación de tecnologías
Tema 5. Evaluación y comparación de tecnologíasTema 5. Evaluación y comparación de tecnologías
Tema 5. Evaluación y comparación de tecnologías
 
Patrón de diseño Modelo-Vista-Controlador (MVC)
Patrón de diseño Modelo-Vista-Controlador (MVC)Patrón de diseño Modelo-Vista-Controlador (MVC)
Patrón de diseño Modelo-Vista-Controlador (MVC)
 
Evaluación de la accesibilidad de aplicaciones para dispositivos móviles apli...
Evaluación de la accesibilidad de aplicaciones para dispositivos móviles apli...Evaluación de la accesibilidad de aplicaciones para dispositivos móviles apli...
Evaluación de la accesibilidad de aplicaciones para dispositivos móviles apli...
 
Aspectos generales sobre accesibilidad de aplicaciones móviles (apps)
Aspectos generales sobre accesibilidad de aplicaciones móviles (apps)Aspectos generales sobre accesibilidad de aplicaciones móviles (apps)
Aspectos generales sobre accesibilidad de aplicaciones móviles (apps)
 
Accesibilidad de aplicaciones para dispositivos móviles aplicando el RD 1112/...
Accesibilidad de aplicaciones para dispositivos móviles aplicando el RD 1112/...Accesibilidad de aplicaciones para dispositivos móviles aplicando el RD 1112/...
Accesibilidad de aplicaciones para dispositivos móviles aplicando el RD 1112/...
 
Desarrollo dirigido por modelo de servicios web REST
Desarrollo dirigido por modelo de servicios web RESTDesarrollo dirigido por modelo de servicios web REST
Desarrollo dirigido por modelo de servicios web REST
 
Perfiles UML
Perfiles UMLPerfiles UML
Perfiles UML
 
Ejemplos WAI-ARIA con HTML, CSS y JavaScript
Ejemplos WAI-ARIA con HTML, CSS y JavaScriptEjemplos WAI-ARIA con HTML, CSS y JavaScript
Ejemplos WAI-ARIA con HTML, CSS y JavaScript
 
Herramientas de evaluación de accesibilidad web WCAG 2.0
Herramientas de evaluación de accesibilidad web WCAG 2.0Herramientas de evaluación de accesibilidad web WCAG 2.0
Herramientas de evaluación de accesibilidad web WCAG 2.0
 
Ejemplo de corrección de errores de accesibilidad WCAG 2.0 en una página web
Ejemplo de corrección de errores de accesibilidad WCAG 2.0 en una página webEjemplo de corrección de errores de accesibilidad WCAG 2.0 en una página web
Ejemplo de corrección de errores de accesibilidad WCAG 2.0 en una página web
 
Ejemplos de WCAG 2.0
Ejemplos de WCAG 2.0Ejemplos de WCAG 2.0
Ejemplos de WCAG 2.0
 
Resumen de las pautas WCAG 2.0 de W3C
Resumen de las pautas WCAG 2.0 de W3CResumen de las pautas WCAG 2.0 de W3C
Resumen de las pautas WCAG 2.0 de W3C
 
PAUTAS W3C DE ACCESIBILIDAD PARA HERRAMIENTAS DE EDICIÓN WEB (ATAG 2.0)
PAUTAS W3C DE ACCESIBILIDAD PARA HERRAMIENTAS DE EDICIÓN WEB (ATAG 2.0)PAUTAS W3C DE ACCESIBILIDAD PARA HERRAMIENTAS DE EDICIÓN WEB (ATAG 2.0)
PAUTAS W3C DE ACCESIBILIDAD PARA HERRAMIENTAS DE EDICIÓN WEB (ATAG 2.0)
 
Estándares de accesibilidad web
Estándares de accesibilidad webEstándares de accesibilidad web
Estándares de accesibilidad web
 
Metodologías de ingeniería Web dirigida por modelos
Metodologías de ingeniería Web dirigida por modelosMetodologías de ingeniería Web dirigida por modelos
Metodologías de ingeniería Web dirigida por modelos
 
Ontologies in Ubiquitous Computing
Ontologies in Ubiquitous ComputingOntologies in Ubiquitous Computing
Ontologies in Ubiquitous Computing
 

Contenidos accesibles para las redes sociales

  • 1. Contenidos accesibles para las redes sociales José Ramón Hilera González Universidad de Alcalá, España Conferencia ATICAcces 2016, Cuenca, Ecuador, 10 de noviembre de 2016
  • 2. • Concepto y problemas de accesibilidad • Redes sociales accesibles • Accesibilidad de los servicios ofrecidos por las redes sociales • Twitter, Facebook y YouTube • Cómo publicar contenidos accesibles en: • Twitter • Facebook • YouTube • Conclusiones 2 Índice
  • 3. Concepto de accesibilidad “Condición que deben cumplir los entornos, productos y servicios para que sean comprensibles, utilizables y practicables por todas las personas” Ley 51/2003, de 2 de diciembre, de igualdad de oportunidades, no discriminación y accesibilidad universal de las personas con discapacidad, España 3
  • 4. Problemas de accesibilidad 4 Discapacidad visual Discapacidad auditiva Discapacidad motora
  • 5. Problemas de accesibilidad 5 Discapacidad visual Discapacidad auditiva Discapacidad motora
  • 6. Una red social es accesible: • Si las funciones o servicios que ofrece son accesibles • Si los contenidos que publican los usuarios son accesibles 6 Redes sociales accesibles
  • 7. • Se puede comprobar su accesibilidad utilizando un producto de apoyo como un lector de pantalla • VoiceOver: Para Mac, iPhone y iPad. • TalkBack: Para dispositivos Android. • ChromeVox: Para navegador Chrome • Narrator, Jaws, NVDA: Para Windows • Asistentes: Siri (iOS), Cortana (Windows), Google Now (Android) 7 Accesibilidad de los servicios ofrecidos por las redes sociales
  • 8. • Video de persona ciega usando WhatsApp en iPhone con VoiceOver 8 Ejemplo de uso de redes sociales con productos de apoyo
  • 9. • Se puede revisar su accesibilidad con ayuda de un lector de pantalla y con una herramienta de evaluación automática como AInspector 9 Accesibilidad de los servicios ofrecidos por las redes sociales (Twitter) 8 fallos de accesibilidad en la sección de configuración de cuenta en Twitter
  • 10. • Revisión con AInspector 10 Accesibilidad de los servicios ofrecidos por las redes sociales (Facebook) 11 fallos de accesibilidad en la sección de calendario de Facebook
  • 11. • Revisión con AInspector 11 Accesibilidad de los servicios ofrecidos por las redes sociales (YouTube) 13 fallos de accesibilidad en la sección de analíticas de YouTube
  • 12. • Se pueden describir las imágenes incluidas en los tweets, para que sean leídas por los lectores de pantalla • Hay que activar la opción en Configuración -> Accesibilidad 12 Cómo publicar contenidos accesibles en Twitter Describiendo imágenes: (1) Activar opción
  • 13. • Al escribir un tweet e insertar una imagen, ahora aparece la opción “Añadir descripción” 13 Cómo publicar contenidos accesibles en Twitter: Describiendo imágenes: (2) Insertar imagen
  • 14. • Nuestros seguidores verían el tweet pero no la descripción, que se reproduce por el altavoz si están usando un lector de pantalla 14 Cómo publicar contenidos accesibles en Twitter: Describiendo imágenes: (3) Escuchar descripción (…) Consejo para hoy. Imagen. perrito con dos patas delanteras ortopédicas y mensaje comillas porque si él no se rinde tú tampoco deberías hacerlo comillas (...)
  • 15. • Al crear un álbum, poner un título y descripción, y comentar todas las fotos 15 Cómo publicar contenidos accesibles en Facebook Describiendo imágenes: (1) Crear álbum con imagen
  • 16. • Nuestros amigos verán la imagen pero no la descripción, que se oye parcialmente si están usando un lector de pantalla • Al pulsar sobre la imagen se abre el visor de fotos con la descripción completa 16 Cómo publicar contenidos accesibles en Facebook Describiendo imágenes: (2) Escuchar descripción Diálogo introducido. Visor de fotos de Facebook diálogo. Perrito con dos patas delanteras ortopédicas y mensaje comilla porque si él no se rinde tú tampoco deberías hacerlo comilla Perrito con dos patas delanteras y puntos suspensivos. Enlace.
  • 17. • Después de subir un vídeo, elegir la opción Editar  Subtítulos • Y después “Español (automático)” y corregir el texto generado si tiene errores • Al final pulsar “Publicar” 17 Cómo publicar contenidos accesibles en YouTube Añadiendo subtítulos a los vídeos automáticamente
  • 18. • Página web de la organización Media Access Australia • Sección “Social media for people with a disability” • Información actualizada sobre accesibilidad de: • Facebook • Twitter • LinkedIn • Blogs (WordPress y Tumblr) • YouTube • Instagram • Skype 18 Más información sobre accesibilidad de las redes sociales
  • 19. • Las redes sociales son utilizadas por cualquier persona, con o sin discapacidad • Todos vamos a tener limitaciones personales o derivadas de nuestro entorno en algún momento de nuestra vida • Es importante que los creadores de redes sociales las hagan accesibles para que todos las podamos utilizar • Pero los usuarios de las redes también podemos ayudar: • Con muy poco esfuerzo extra, podemos conseguir que la información que publicamos en las redes sociales sea más accesible 19 Conclusiones
  • 20. José R. Hilera E-mail: jose.hilera@uah.es Twitter: @web_a11y Universidad de Alcalá Alcalá de Henares, España http://www.uah.es Gracias por la atención