Presentación del trabajo final de máster "Análisis de requerimientos y prototipado de una aplicación web accesible para personas ciegas basadas en la API de Google Maps" en el Congreso Interacción 2015.

1. Análisis de requerimientos y
Rubén Alcaraz Martínez
prototipado de una aplicación
web accesible para personas
ciegas basadas en la API de
Google Maps

2. OBJETIVO

3. Objetivo
– Explorar las posibilidades de las APIs de
cartografía digital para la creación de una
aplicación accesible para personas ciegas
que permita realizar todas aquellas tareas
tradicionalmente asociadas a estos
servicios (determinar la posición del
usuario, buscar lugares, determinar rutas
entre dos puntos…)
Rubén Alcaraz Martínez. Interacción 2015. 3

4. PLATAFORMA

5. Selección de la plataforma
– Se seleccionó la API de Google Maps por ser
la más actualizada, disponer de un servicio
de rutas totalmente desarrollado, la
posibilidad de realizar búsquedas mediante
la API de Google Places y contar con la
mejor documentación.
Rubén Alcaraz Martínez. Interacción 2015. 5

6. PROBLEMAS DE
ACCESIBILIDAD

7. Problemas de accesibilidad
– Entre los problemas de accesibilidad
detectados destacan:
– La existencia de controles y contenido no
operable a través del teclado.
– Diversas actualizaciones dinámicas que
pasan desapercibidas para el usuario.
Rubén Alcaraz Martínez. Interacción 2015. 7

8. Contenido no operable
Rubén Alcaraz Martínez. Interacción 2015. 8

9. Actualizaciones dinámicas
Rubén Alcaraz Martínez. Interacción 2015. 9

10. SOLUCIONES

11. Soluciones
– Manipular el DOM o crear controles
alternativos operables a través de teclado.
– Utilizar WAI-ARIA para declarar zonas
vivas e informar al usuario de los cambios
en la interfaz.
– Confeccionar el resto de la aplicación de
acuerdo a las WCAG 2.0.
Rubén Alcaraz Martínez. Interacción 2015. 11

12. Soluciones
Rubén Alcaraz Martínez. Interacción 2015. 12

13. Otros aspectos que mejoran la
accesibilidad
– Uso de la API de autocompletado.
– Simplificar la interfaz priorizando aquellos
elementos indispensables para el
funcionamiento de la aplicación.
– Orden de navegación.
Rubén Alcaraz Martínez. Interacción 2015. 13

14. CONCLUSIONES

15. Conclusiones
– El marcado carácter visual de este tipo de interfaces no tiene
porqué suponer una barrera para los usuarios con
discapacidad visual.
– El uso de WAI-ARIA y sus live-regions es imprescindible para
informar al lector de pantalla de las diferentes actualizaciones
resultado de la interacción del usuario con la aplicación.
– La posibilidad de utilizar todas las funcionalidades de la
aplicación con una interfaz de teclado también mejora la
accesibilidad para otros perfiles de discapacidad como las
motrices.
– El uso de estándares (HTML, CSS, DOM, JavaScript, WAI-
ARIA…) asegura la compatibilidad con la mayoría de agentes
de usuario y ayudas técnicas.
Rubén Alcaraz Martínez. Interacción 2015. 15

16. Agradecimientos
–Mireia Ribera
–Santi Moese
–AIPO
Rubén Alcaraz Martínez. Interacción 2015. 16

17. ¡GRACIAS!