SlideShare una empresa de Scribd logo
photo
Accesibilidad
Nuestra App al alcance de tod@s
Marco Avendaño
Accesibilidad: Nuestra App al alcance de todos
Accesibilidad: Nuestra App al alcance de todos
No todos somos iguales
No todos somos iguales
La discapacidad en el mundo
Según World Health Organization:
• El 15% de la población mundial, tienen algún
tipo de discapacidad (más de mil millones de
personas).
• Las tasas de discapacidad están aumentando
debido al envejecimiento de la población y el
aumento de enfermedades crónicas, entre otras
causas.
http://goo.gl/LTlt8Q (Diciembre 2014)
La discapacidad en Bolivia
Según los datos del Censo de Población y Vivienda
2012:
• Bolivia registró 300.000 personas con
discapacidad que representa un 3% de la
población.
http://goo.gl/IIoBYn (Julio 2013)
No todos somos iguales
Lidiando con la indiferencia
No todos somos iguales
Mejorando actitudes
No todos somos iguales
Accesibilidad
¿Qué es la accesibilidad?
Es el 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.
También se la referencia como: a11y
Problemas de #a11y en móviles
• Visuales, físicas o relacionadas a la edad que:
no permiten ver o usar el touchscreen.
• Auditivas: no permiten percibir información
audible y las alertas.
¿Estas personas tendrán que estar privadas del
uso de las app?
No todos somos iguales
Apps al alcance de tod@s
#a11y en las Apps
Se trata de asegurar que todos los usuarios que
tengan algún impedimento físico puedan usar las
aplicaciones de la misma manera que la mayoría
de los usuarios.
Impacto de la #a11y en las Apps
• Lograr que las App funcionen de mejor manera
para las personas con algún tipo de
discapacidad.
• Una aplicación accesible bien diseñada puede
ser más usable para todos los usuarios.
• Puede traer dividendos.
No todos somos iguales
La #a11y no es un tema nuevo
Instancias de evaluación en la web:
• WCAG: Web Content Accessibility Guidelines
• WAI-ARIA: Web Accessibility Initiative -
Accessible Rich Internet Applications
No todos somos iguales
Android y la #a11y
Novedades del I/O 15
Servicios de #a11y en Android
• Herramientas de Accesibilidad
• Mejores practicas
• Herramientas para test
No todos somos iguales
Herramientas de Accesibilidad
No todos somos iguales
TalkBack
• Asume que los usuarios pueden
escuchar pero no ver.
• Lector de pantalla que adiciona a los
dispositivos retroalimentación hablada,
audible y por medio de vibración.
• Ayuda a los usuarios invidentes o con
poca visión a interactuar con los
dispositivos.
No todos somos iguales
BrailleBack
• Supone que los usuarios no pueden
escuchar o ver.
• Permite a los usuarios conectar un
dispositivo Braille a través de Bluetooth.
• Los usuarios pueden navegar en la
pantalla y realizar la introducción de
texto utilizando el teclado en braille.
No todos somos iguales
Switch Access
• Elimina esa suposición de que un
usuario puede tocar e interactuar una
pantalla con sus manos.
• Permite a los usuarios interactuar con
un dispositivo que utiliza uno o más
botones / interruptores que funcionan
como un teclado.
Mejores practicas
• Los desarrolladores tienen la tarea de hacer
que el código de la aplicación interactúe
adecuadamente con las herramientas de #a11y.
• Capturar los errores de accesibilidad lo antes
posible utilizando pruebas automatizadas y
manuales.
Soluciones básicas (I)
Adicionar descripciones a todas los views que
transmiten significado:
<Button
android:id=”@+id/pause_button”
android:src=”@drawable/pause”
android:contentDescription=”@string/pause”/>
Soluciones básicas (II)
Proporcionar a los usuarios información inmediata
de las actualizaciones de los views:
<Spinner
android:id="@+id/spin_CityList"
android:layout_width="266dp"
android:layout_height="48dp"
android:accessibilityLiveRegion="polite"
android:focusable="false" />
Soluciones básicas (III)
Remover texto redundante:
android:contentDescription="7 Button“
// incorrecto el lector de pantalla leera "7 Button Button“
android:contentDescription="7“
// correcto el lector de pantalla leera "7 Button"
Soluciones básicas (IV)
Remover views que no necesitan ser
seleccionables de la pantalla:
*Mejora el uso de herramientas tipo Switch Access.
android:clickable="true" // Region 1
android:clickable="true" // Region 2
android:clickable="true" // Region 3
No todos somos iguales
Herramientas para test
No todos somos iguales
#a11y Checker For Android (I)
#a11y Checker For Android (II)
• Aun no esta disponible .
• Es una App que se instala en los dispositivos.
• Adiciona un botón flotante en la pantalla.
• Para su uso, se abre una app y se presiona el
botón.
• Genera un reporte completo de problemas de
accesibilidad en la App.
No todos somos iguales
#a11y Checker For Android (III)
No todos somos iguales
BasicAccessibility Sample
https://goo.gl/KE22hj
Otras aplicaciones…
No todos somos iguales
Magnify
No todos somos iguales
WalkyTalky
GD
G
Llamada a la acción
Mas información:
http://developer.android.com/tools/testing-support-
library/index.html#Espresso
http://developer.android.com/guide/topics/ui/accessibility/i
ndex.html
http://developer.android.com/design/patterns/accessibility.
html
¿Preguntas?
GD
G
marcoviaweb@gmail.com
@marcoviaweb
https://www.facebook.com/marcoviaweb
Datos de Contacto
photo
Gracias!
Marco Avendaño

Más contenido relacionado

PPTX
Accesibilidad en Android
PDF
Webinar con QA Lovers - Shift left a11y: Haz tu aplicación accesible para más...
PPTX
Las apps
PPTX
Aplicaciones de la web hilary 9 1
PPTX
Subir yaaa
PPT
Embeddables: Technology that gets under your skin
PDF
Curry=design
PDF
Hack you the human body as the next interface frontier
Accesibilidad en Android
Webinar con QA Lovers - Shift left a11y: Haz tu aplicación accesible para más...
Las apps
Aplicaciones de la web hilary 9 1
Subir yaaa
Embeddables: Technology that gets under your skin
Curry=design
Hack you the human body as the next interface frontier

Similar a Accesibilidad: Nuestra App al alcance de todos (20)

PDF
Usabilidad y accesibilidad ¿hablamos de lo mismo?
PDF
Shift left a11y: Haz tu aplicación accesible para más de mil millones de usua...
PPTX
Accesibilidad en apps móviles - Codefactory
PDF
VlC Testing 20: Propuesta ponencia shift left a11y
PPTX
Accesibilidad Laura
PPTX
Accesibilidad
PPT
2015 completa accesibilidad digital julio agosto antioquia digital
PDF
Apuntes
PPT
Accesibilidad Web
ODP
evolucion de la web
PPTX
Introducción a la accesibilidad web
PDF
Presenta Accesibilidad Centrada en los Usuarios - 2009
PPT
2015 corta accesibilidad digital agosto antioquia digital
PDF
Apps accesibles
PDF
Appsaccesibles
PPTX
7. Accessibilidad
PPTX
Accesibilidad web para word press jose miguel moreno
PPTX
Mariana practica
PPT
Discapacidad, eres accesible
Usabilidad y accesibilidad ¿hablamos de lo mismo?
Shift left a11y: Haz tu aplicación accesible para más de mil millones de usua...
Accesibilidad en apps móviles - Codefactory
VlC Testing 20: Propuesta ponencia shift left a11y
Accesibilidad Laura
Accesibilidad
2015 completa accesibilidad digital julio agosto antioquia digital
Apuntes
Accesibilidad Web
evolucion de la web
Introducción a la accesibilidad web
Presenta Accesibilidad Centrada en los Usuarios - 2009
2015 corta accesibilidad digital agosto antioquia digital
Apps accesibles
Appsaccesibles
7. Accessibilidad
Accesibilidad web para word press jose miguel moreno
Mariana practica
Discapacidad, eres accesible
Publicidad

Más de Marco Avendaño (20)

PDF
Historias de Usuario en acción: potenciando el valor de los productos
PDF
Desing Thinking
PDF
Scrum en el aula - mejorando la colaboración y el aprendizaje en equipo
PDF
eduScrum
PDF
Las dimensiones del producto
PDF
Scrum Master: El líder del cambio
PDF
Shift Left: En busca del éxito del software
PDF
Atención al cliente
PDF
Antipatrones de las retrospectivas relacionados a las personas
PDF
Value Stream Mapping para la eficiencia del proceso
PDF
Las siete dimensiones del producto
PDF
Introducción a DevOps workshop
PDF
Patrones de Scrum orientados al valor
PDF
Eliminando desperdicios en el desarrollo de software
PDF
Acuerdos de equipo en tiempos remotos
PDF
OKR: Alineando objetivos y resultados en las organizaciones
PDF
Design Sprint Remoto
PDF
User Story Mapping - Proceso de construcción
PDF
Product Discovery
PDF
Agile Mindset Workshop
Historias de Usuario en acción: potenciando el valor de los productos
Desing Thinking
Scrum en el aula - mejorando la colaboración y el aprendizaje en equipo
eduScrum
Las dimensiones del producto
Scrum Master: El líder del cambio
Shift Left: En busca del éxito del software
Atención al cliente
Antipatrones de las retrospectivas relacionados a las personas
Value Stream Mapping para la eficiencia del proceso
Las siete dimensiones del producto
Introducción a DevOps workshop
Patrones de Scrum orientados al valor
Eliminando desperdicios en el desarrollo de software
Acuerdos de equipo en tiempos remotos
OKR: Alineando objetivos y resultados en las organizaciones
Design Sprint Remoto
User Story Mapping - Proceso de construcción
Product Discovery
Agile Mindset Workshop
Publicidad

Último (20)

PPT
El-Gobierno-Electrónico-En-El-Estado-Bolivia
PDF
PRESENTACIÓN GENERAL MIPIG - MODELO INTEGRADO DE PLANEACIÓN
PDF
CyberOps Associate - Cisco Networking Academy
PDF
Maste clas de estructura metálica y arquitectura
PDF
informe_fichas1y2_corregido.docx (2) (1).pdf
PPTX
Curso de generación de energía mediante sistemas solares
PDF
Diapositiva proyecto de vida, materia catedra
PPTX
Presentación PASANTIAS AuditorioOO..pptx
PPTX
RAP01 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
PDF
MANUAL TECNOLOGÍA SER MINISTERIO EDUCACIÓN
PPTX
Acronis Cyber Protect Cloud para Ciber Proteccion y Ciber Seguridad LATAM - A...
PPTX
modulo seguimiento 1 para iniciantes del
PDF
ADMINISTRACIÓN DE ARCHIVOS - TICS (SENA).pdf
PPTX
Historia Inteligencia Artificial Ana Romero.pptx
PPTX
Presentacion de Alba Curso Auditores Internos ISO 19011
PPTX
RAP02 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
PDF
SAP Transportation Management para LSP, TM140 Col18
PPTX
Power Point Nicolás Carrasco (disertación Roblox).pptx
PPTX
COMO AYUDAN LAS TIC EN LA EDUCACION SUPERIOR.pptx
PPT
introduccion a las_web en el 2025_mejoras.ppt
El-Gobierno-Electrónico-En-El-Estado-Bolivia
PRESENTACIÓN GENERAL MIPIG - MODELO INTEGRADO DE PLANEACIÓN
CyberOps Associate - Cisco Networking Academy
Maste clas de estructura metálica y arquitectura
informe_fichas1y2_corregido.docx (2) (1).pdf
Curso de generación de energía mediante sistemas solares
Diapositiva proyecto de vida, materia catedra
Presentación PASANTIAS AuditorioOO..pptx
RAP01 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
MANUAL TECNOLOGÍA SER MINISTERIO EDUCACIÓN
Acronis Cyber Protect Cloud para Ciber Proteccion y Ciber Seguridad LATAM - A...
modulo seguimiento 1 para iniciantes del
ADMINISTRACIÓN DE ARCHIVOS - TICS (SENA).pdf
Historia Inteligencia Artificial Ana Romero.pptx
Presentacion de Alba Curso Auditores Internos ISO 19011
RAP02 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
SAP Transportation Management para LSP, TM140 Col18
Power Point Nicolás Carrasco (disertación Roblox).pptx
COMO AYUDAN LAS TIC EN LA EDUCACION SUPERIOR.pptx
introduccion a las_web en el 2025_mejoras.ppt

Accesibilidad: Nuestra App al alcance de todos

  • 1. photo Accesibilidad Nuestra App al alcance de tod@s Marco Avendaño
  • 4. No todos somos iguales No todos somos iguales
  • 5. La discapacidad en el mundo Según World Health Organization: • El 15% de la población mundial, tienen algún tipo de discapacidad (más de mil millones de personas). • Las tasas de discapacidad están aumentando debido al envejecimiento de la población y el aumento de enfermedades crónicas, entre otras causas. http://goo.gl/LTlt8Q (Diciembre 2014)
  • 6. La discapacidad en Bolivia Según los datos del Censo de Población y Vivienda 2012: • Bolivia registró 300.000 personas con discapacidad que representa un 3% de la población. http://goo.gl/IIoBYn (Julio 2013)
  • 7. No todos somos iguales Lidiando con la indiferencia
  • 8. No todos somos iguales Mejorando actitudes
  • 9. No todos somos iguales Accesibilidad
  • 10. ¿Qué es la accesibilidad? Es el 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. También se la referencia como: a11y
  • 11. Problemas de #a11y en móviles • Visuales, físicas o relacionadas a la edad que: no permiten ver o usar el touchscreen. • Auditivas: no permiten percibir información audible y las alertas. ¿Estas personas tendrán que estar privadas del uso de las app?
  • 12. No todos somos iguales Apps al alcance de tod@s
  • 13. #a11y en las Apps Se trata de asegurar que todos los usuarios que tengan algún impedimento físico puedan usar las aplicaciones de la misma manera que la mayoría de los usuarios.
  • 14. Impacto de la #a11y en las Apps • Lograr que las App funcionen de mejor manera para las personas con algún tipo de discapacidad. • Una aplicación accesible bien diseñada puede ser más usable para todos los usuarios. • Puede traer dividendos.
  • 15. No todos somos iguales La #a11y no es un tema nuevo Instancias de evaluación en la web: • WCAG: Web Content Accessibility Guidelines • WAI-ARIA: Web Accessibility Initiative - Accessible Rich Internet Applications
  • 16. No todos somos iguales Android y la #a11y
  • 18. Servicios de #a11y en Android • Herramientas de Accesibilidad • Mejores practicas • Herramientas para test
  • 19. No todos somos iguales Herramientas de Accesibilidad
  • 20. No todos somos iguales TalkBack • Asume que los usuarios pueden escuchar pero no ver. • Lector de pantalla que adiciona a los dispositivos retroalimentación hablada, audible y por medio de vibración. • Ayuda a los usuarios invidentes o con poca visión a interactuar con los dispositivos.
  • 21. No todos somos iguales BrailleBack • Supone que los usuarios no pueden escuchar o ver. • Permite a los usuarios conectar un dispositivo Braille a través de Bluetooth. • Los usuarios pueden navegar en la pantalla y realizar la introducción de texto utilizando el teclado en braille.
  • 22. No todos somos iguales Switch Access • Elimina esa suposición de que un usuario puede tocar e interactuar una pantalla con sus manos. • Permite a los usuarios interactuar con un dispositivo que utiliza uno o más botones / interruptores que funcionan como un teclado.
  • 23. Mejores practicas • Los desarrolladores tienen la tarea de hacer que el código de la aplicación interactúe adecuadamente con las herramientas de #a11y. • Capturar los errores de accesibilidad lo antes posible utilizando pruebas automatizadas y manuales.
  • 24. Soluciones básicas (I) Adicionar descripciones a todas los views que transmiten significado: <Button android:id=”@+id/pause_button” android:src=”@drawable/pause” android:contentDescription=”@string/pause”/>
  • 25. Soluciones básicas (II) Proporcionar a los usuarios información inmediata de las actualizaciones de los views: <Spinner android:id="@+id/spin_CityList" android:layout_width="266dp" android:layout_height="48dp" android:accessibilityLiveRegion="polite" android:focusable="false" />
  • 26. Soluciones básicas (III) Remover texto redundante: android:contentDescription="7 Button“ // incorrecto el lector de pantalla leera "7 Button Button“ android:contentDescription="7“ // correcto el lector de pantalla leera "7 Button"
  • 27. Soluciones básicas (IV) Remover views que no necesitan ser seleccionables de la pantalla: *Mejora el uso de herramientas tipo Switch Access. android:clickable="true" // Region 1 android:clickable="true" // Region 2 android:clickable="true" // Region 3
  • 28. No todos somos iguales Herramientas para test
  • 29. No todos somos iguales #a11y Checker For Android (I)
  • 30. #a11y Checker For Android (II) • Aun no esta disponible . • Es una App que se instala en los dispositivos. • Adiciona un botón flotante en la pantalla. • Para su uso, se abre una app y se presiona el botón. • Genera un reporte completo de problemas de accesibilidad en la App.
  • 31. No todos somos iguales #a11y Checker For Android (III)
  • 32. No todos somos iguales BasicAccessibility Sample https://goo.gl/KE22hj
  • 34. No todos somos iguales Magnify
  • 35. No todos somos iguales WalkyTalky
  • 36. GD G Llamada a la acción Mas información: http://developer.android.com/tools/testing-support- library/index.html#Espresso http://developer.android.com/guide/topics/ui/accessibility/i ndex.html http://developer.android.com/design/patterns/accessibility. html