Taller Pruebas de Accesibilidad para aplicaciones móviles. Ing. Lisandra

Transcripción

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

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 *AppleWatch ipads, Tablets

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

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.

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 ORGANIZAN 4 Principios 12 Pautas ASOCIADAS ASOCIADOS TESTEABLE 61 Criterios ORDENADOS Nivel de Conformidad (A, AA y AAA)

14 Principios de Accesibilidad Móvil PERCEPTIBLE ROBUSTO OPERABLE COMPRENSIBLE

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 ROBUSTO OPERABLE COMPRENSIBLE

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 Visión Al escuchar Presentan diferentes ayudas técnicas. 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 Niveles de Conformidad 4 Principios 12 Pautas 61 Criterios comprueban A (Bajo) AA (Medio) AAA (Alto) TESTEAR Herramientas Ayudas Técnicas Revisión o Evaluación

33 Preguntas

34 @lisyarmas 79bb22ab