Pruebas de Accesibilidad para aplicaciones móviles
34
Pruebas de Accesibilidad para aplicaciones móviles Ing. Lisandra Armas @lisyarmas Taller
-
Upload
lisandra-armas-aguila -
Category
Mobile
-
view
234 -
download
3
Transcript of Pruebas de Accesibilidad para aplicaciones móviles
Pruebas de Accesibilidad para aplicaciones móviles
Ing. Lisandra Armas@lisyarmas
Taller
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?
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.
Accesibilidad…¿Por qué?
Más de 7 mil millones de
suscripciones móviles
Accesibilidad…¿Por qué?
Accesibilidad…¿Por qué?
Las Pruebas de Accesibilidad Móvil son esenciales para
lograr un producto accesible para TODOS.
Dispositivos Móviles
Teléfonos
iPads, Tablets
*AppleWatch
Dispositivos MóvilesTodo se hace más pequeño:
Pantallas Teclados Fuentes
Área Táctil
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.
Accesibilidad MóvilSegú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/
Accesibilidad MóvilEs 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.
Accesibilidad MóvilImpacta en todos:
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
Principios de Accesibilidad Móvil
PERCEPTIBLE
OPERABLE
COMPRENSIBLE
ROBUSTO
Principios de Accesibilidad MóvilPERCEPTIBLE
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.
Principios de Accesibilidad MóvilOPERABLE
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.
Principios de Accesibilidad MóvilCOMPRENSIBLE
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.
Principios de Accesibilidad MóvilROBUSTO
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.
Ejercicio TeóricoIdentificar según los ejemplos el Principio al que se hace
referencia.
PERCEPTIBLE
OPERABLE
COMPRENSIBLE
ROBUSTO
Ejemplos1. 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
Ejemplos2. 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
Ejemplos3. 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
Ejemplos4. 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
Comprobación de la Accesibilidad
Presentan diferentes
ayudas técnicas.
Visión Al escuchar
Cognitivos y de
aprendizaje
Habilidades
físicas y motoras
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
Ejemplos de Herramientas - AccesibilidadGenerales 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
(...)
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.
Video Demostrativo
Ejercicio - CalculadoraEjercicio Práctico: Evaluación de la accesibilidad a través de
la ayuda técnica VoiceOver en iOS.
Pruebas de Accesibilidad Móvil Aplicación - PedidosYaEjercicio Práctico:
Sesiones a comprobar la accesibilidad
1. Mis pedidos.
2. Mis direcciones.
3. Refinar.
4. Búsqueda.
5. Gestionar perfil.
Conclusiones4 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
Preguntas
