TestingUY 2016 - Pruebas de Accesibilidad para aplicaciones móviles
3 recomendaciones1,194 vistas
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.
TestingUY 2016 - Pruebas de Accesibilidad para aplicaciones móviles
- 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
- 6. Accesibilidad…¿Por qué? Las Pruebas de Accesibilidad Móvil son esenciales para lograr un producto accesible para TODOS.
- 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.
- 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