Accesibilidad: Nuestra App al alcance de todos

photo

AccesibilidadNuestra App al alcance de tod@sMarco Avendaño

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)

http://goo.gl/LTlt8Q

http://goo.gl/LTlt8Q

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)

http://goo.gl/IIoBYn

http://goo.gl/IIoBYn


Lidiando con la indiferencia


Mejorando actitudes


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?


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.


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


Android y la #a11y

Novedades del I/O 15

Servicios de #a11y en Android

• Herramientas de Accesibilidad• Mejores practicas• Herramientas para test


Herramientas de Accesibilidad


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.


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.


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:

<Spinnerandroid: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 1android:clickable="true" // Region 2android:clickable="true" // Region 3


Herramientas para test


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


#a11y Checker For Android (III)


BasicAccessibility Samplehttps://goo.gl/KE22hj

https://goo.gl/KE22hj

https://goo.gl/KE22hj

Otras aplicaciones…


Magnify


WalkyTalky

GDG

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/index.html

http://developer.android.com/design/patterns/accessibility.html













¿Preguntas?

GDG

[email protected]

@marcoviaweb

https://www.facebook.com/marcoviaweb

Datos de Contacto

photo

Gracias!

Marco Avendaño

Accesibilidad: Nuestra App al alcance de todos

Technology

Transcript of Accesibilidad: Nuestra App al alcance de todos