Este documento habla sobre las pruebas de accesibilidad para aplicaciones móviles. Explica que la accesibilidad se refiere a que todos puedan usar un servicio independientemente de sus capacidades. Detalla los 4 principios de accesibilidad móvil según la W3C y algunas herramientas y ayudas técnicas para verificar la accesibilidad en dispositivos móviles. Finalmente, propone realizar un ejercicio práctico evaluando la accesibilidad de una aplicación a través de VoiceOver en iOS.

1. Pruebas de Accesibilidad
para aplicaciones móviles
Ing. Lisandra Armas
@lisyarmas
Taller

2. Introducción
Google Play tiene
más de
1.43 millones de
aplicaciones.
App Store tiene
más de
1.21 millones de
aplicaciones.
Windows Store
tiene más de
669 mil
aplicaciones.
¿Cuántas son accesibles?

3. Accesibilidad
La accesibilidad o accesibilidad universal 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.

4. Accesibilidad…¿Por qué?
Más de 7 mil millones de
suscripciones móviles

5. Accesibilidad…¿Por qué?

6. Accesibilidad…¿Por qué?
Las Pruebas de Accesibilidad Móvil son esenciales para
lograr un producto accesible para TODOS.

7. Dispositivos Móviles
Teléfonos
iPads, Tablets
*AppleWatch

8. Dispositivos Móviles
Todo se hace más pequeño:
Pantallas Teclados Fuentes
Área Táctil

9. Dispositivos Móviles
Proporcionan nuevas oportunidades:
● Son “baratos”.
● Portátiles.
● Se conectan a cualquier lugar - WIFI y cobertura
celular.
● Conectarse con otra persona fácilmente.

10. Accesibilidad Móvil
Según la W3C WAI (World Wide Web Consortium) (Web
Accessibility Initiative)
"Accesibilidad móvil":
Se refiere en general a hacer sitios web y aplicaciones más
accesibles a las personas con discapacidad cuando están
utilizando dispositivos móviles.
https://www.w3.org/WAI/mobile/

11. Accesibilidad Móvil
Es aún muy frecuente que la accesibilidad móvil esté
asociada a:
● Difícil y complicada.
● Sólo para personas con discapacidad visual.
● Poca estética o diseños sólo de texto.
● Que afecta a muy pocas personas.

12. Accesibilidad Móvil
Impacta en todos:

13. Accesibilidad Móvil - W3C WAI
WCAG 2.0
4 Principios
12 Pautas
61 Criterios
Nivel de Conformidad (A, AA y AAA)
ORGANIZAN
ASOCIADAS
ASOCIADOS
TESTEABLE ORDENADOS

14. Principios de Accesibilidad Móvil
PERCEPTIBLE
OPERABLE
COMPRENSIBLE
ROBUSTO

15. Principios de Accesibilidad Móvil
PERCEPTIBLE
La información y los componentes de la interfaz de usuario
deben ser presentados a los usuarios de modo que ellos
puedan percibirlos.
Las Pautas definidas se refieren a la visibilidad de los
elementos en una aplicación. Consideran la información que
se brinda respecto al tamaño de la pantalla, cuando se
realiza un zoom o ampliación, el tamaño de las letras o el
contraste.

16. Principios de Accesibilidad Móvil
OPERABLE
Los componentes de la interfaz de usuario y la navegación
deben ser operables.
Las Pautas definidas se refieren a la interacción del usuario
con la aplicación. Considerando que se realice de manera
sencilla las acciones, gestos y movimientos mediante la
pantalla y el teclado.

17. Principios de Accesibilidad Móvil
COMPRENSIBLE
La información y el manejo de la interfaz de usuario deben
ser comprensibles.
Las Pautas definidas se refieren a la comprensión de la
interfaz de usuario. Considerando el cambio de orientación
de la pantalla, un diseño coherente en la aplicación y
facilitando ayudas sobre el comportamiento de la aplicación.

18. Principios de Accesibilidad Móvil
ROBUSTO
El contenido debe ser suficientemente robusto como para
ser interpretado de forma fiable por una amplia variedad de
aplicaciones de usuario, incluyendo los productos de apoyo.
Las Pautas definidas se refieren a la compatibilidad de la
aplicación con los productos o asistentes de apoyos para
que el usuario pueda interactuar con el contenido.

19. Ejercicio Teórico
Identificar según los ejemplos el Principio al que se hace
referencia.
PERCEPTIBLE
OPERABLE
COMPRENSIBLE
ROBUSTO

20. Ejemplos
1. Brin tiene discapacidad auditiva. El reproductor de vídeo
que está utilizando tiene una opción que se muestra debajo
del video que indica que los subtítulos están disponibles.
Selecciona la opción para cambiar los subtítulos de modo
que pueda entender el video. En su teléfono móvil Brin toca
un vídeo, se muestran los controles, incluyendo el control "de
los subtítulos".
R/ Perceptible

21. Ejemplos
2. Erin tiene discapacidad cognitiva y de aprendizaje, a
menudo hace que confunda las instrucciones. Ella usa
gestos para navegar por su teléfono móvil. A medida que el
foco se mueve de un elemento a otro, hay un indicador de
selección visible, lo que le permite encontrar fácilmente el
foco.
R/ Operable

22. Ejemplos
3. Bob tiene discapacidad visual y utiliza un lector de pantalla
que es parte del sistema operativo de su teléfono. Se
descarga un nuevo navegador web en su teléfono móvil. La
ayuda en línea del navegador incluye una sección sobre
accesibilidad con información sobre la interacción con los
lectores de pantalla, consejos útiles, una explicación del
diseño de la pantalla, y una lista de gestos táctiles
compatibles. R/ Comprensible

23. Ejemplos
4. Martín es un adulto mayor y tiene discapacidad visual y se
le dificulta utilizar el teléfono móvil. Él utiliza productos de
apoyo para usar una aplicación donde tiene que introducir
varios datos. La aplicación brinda información detallada de
todas las acciones que realiza.
R/ Robusto

24. Comprobación de la Accesibilidad
Presentan diferentes
ayudas técnicas.
Visión Al escuchar
Cognitivos y de
aprendizaje
Habilidades
físicas y motoras

25. Clasificación de las Herramientas - Accesibilidad
1. Validación del código
2. Revisión del contenido
3. Revisión automática de la accesibilidad
4. Revisión manual de la accesibilidad
5. Revisión y reparación
6. Validadores múltiples
7. Navegadores alternativos y simuladores

26. Ejemplos de Herramientas - Accesibilidad
Generales iPhone e iPad Blackberry,
Android,
Windows Phone
Otros
móviles
- The Responsinator
- Screenqueri
- ViewPort Resizer
- Adobe Edge
Inspect
- Color Contrast
Analyzer
(...)
- Responsimulator
- iPadPeek
- iBBDemo
- iPhone Tester
- TestiPhone
- User Agent
Switcher
- IPhoney
(...)
- Opera Mobile
Emulator
- Opera Mini Simulator
- Blackberry Emulator
- Android Emulator
- Tablet Emulator
(...)
- ready.mobi
- Emulador
móvil
- Mobil
Checker
(...)

27. Ayuda técnica de Accesibilidad en dispositivos móviles - Visión
● En Android para activar TalkBack:
Configuración > Accesibilidad > selecciona TalkBack y
desliza el interruptor a la posición de activado.
● En iOS para activar VoiceOver:
Ajustes > General > Accesibilidad > selecciona VoiceOver
y desliza el interruptor a la posición de activado.
● En Windows Phone para activar Narrador:
Configuración > Accesibilidad > activa el Narrador.

28. Video Demostrativo

29. Ejercicio - Calculadora
Ejercicio Práctico: Evaluación de la accesibilidad a través de
la ayuda técnica VoiceOver en iOS.

30. Pruebas de Accesibilidad Móvil
Aplicación - PedidosYa
Ejercicio Práctico:

31. Sesiones a comprobar la accesibilidad
1. Mis pedidos.
2. Mis direcciones.
3. Refinar.
4. Búsqueda.
5. Gestionar perfil.

32. Conclusiones
4 Principios
12 Pautas
61 Criterios
Niveles de Conformidad
A (Bajo)
AA (Medio)
AAA (Alto)
TESTEAR
Herramientas
Ayudas Técnicas Revisión o Evaluación
comprueban

33. Preguntas

34. @lisyarmas
https://uy.linkedin.com/in/lisandra-armas-águila-
79bb22ab
lisandra.armas@abstracta.com.uy