Tuve la oportunidad de junto a la comunidad IxDA Montevideo celebrar el día del diseño de interacción donde pude estar charlando sobre como podemos hacer nuestros diseños más accesibles. Acá les dejo la presentación y un resumen de lo que estuvimos viendo. Resumen: Vivimos en un mundo donde la tecnología ya forma parte de nuestras vidas. Actualmente existen más de 1240 millones de sitios web en internet, Google Play cuenta aproximadamente con 3.8 millones de aplicaciones en el mercado y Apple App Store con 2 millones de aplicaciones, pero ¿Cuántas son accesibles para personas con discapacidad? Cuando diseñamos una aplicación web o mobile debemos considerar la accesibilidad como un factor importante ya que existen más de mil millones de personas que viven en todo el mundo con alguna forma de discapacidad; de ellas, casi el 20% experimentan dificultades considerables en la vida cotidiana. El objetivo de la charla es dar a conocer el área de accesibilidad enfocada al diseño de aplicaciones web y mobile, analizaremos ejemplos de buenas prácticas para que nuestros diseños sean más accesibles y estaremos viendo cómo desde nuestro rol de diseñadores en nuestros proyectos podemos promover la importancia del diseño y desarrollo de aplicaciones accesibles con prácticas que están al alcance de todos.

1. Accesibilidad en aplicaciones
web y mobile
Ing. Lisandra Armas
@lisyarmas

2. Mobile UX, Usability & Accessibility
Project Manager

5. ¿Son accesibles las aplicaciones?

6. +15%
+1000 millones
http://www.who.int/disabilities/world_report/2011/es/

7. Productos de apoyo1
PrincipiosdeAccesibilidad2
Herramientasdecomprobación3
Agenda

8. Productos de apoyo1
PrincipiosdeAccesibilidad2
Herramientasdecomprobación3
Agenda

9. TalkBack/VoiceOver
Zoom
Dictado
Productos de apoyo de Accesibilidad para Usuarios
Visual
Web
Lectores de Pantalla
Magnificadores de Pantalla
Navegadores Alternativos
Traductores de braille
Mobile

10. Subtítulos
Alertas visibles y
vibratorias
Productos de apoyo de Accesibilidad para Usuarios
Auditiva
Mobile Web
Subtítulos
Alertas visibles

11. Switch Access/Control
AssistiveTouch
Productos de apoyo de Accesibilidad para Usuarios
Motriz
Mobile Web
Teclados Virtuales
Mouse especiales

12. Productos de apoyo de Accesibilidad para Usuarios
Navegadores Accesibles
Mobile Web
Cognitiva
Acceso Guiado
Apoyo Lector

13. Visual
Auditiva
Motriz
Cognitiva
Productos de apoyo de Accesibilidad para Usuarios

15. La falta de accesibilidad en aplicaciones nos impacta a
TODOS

16. Las mejoras de accesibilidad en aplicaciones nos favorece a
TODOS

17. "When we design for disability first, you
often stumble upon solutions that are
better than those when we design for the
norm."
Elise Roy’s TED talk
https://www.ted.com/talks/
Lawyer, artista, human rights advocate

18. Productos de apoyo1
PrincipiosdeAccesibilidad2
Herramientasdecomprobación3
Agenda

19. Web Content Accessibility Guidelines (WCAG)
Authoring Tool Accessibility Guidelines (ATAG)
User Agent Accessibility Guidelines (UAAG)

20. WCAG
2.1
Perceptible Operable
ComprensibleRobusto
Principios de Accesibilidad

21. “La información y los
componentes de la interfaz
de usuario deben ser
presentados a los usuarios de
modo que ellos puedan
percibirlos.”
WCAG
2.1
Perceptible Operable
ComprensibleRobusto
Principios de Accesibilidad

22. Aceptar CancelarAceptar Cancelar
ACEPTAR
BOTÓN
Perceptible – Textos Alternativos
BUTTON1
BOTÓN

23. Perceptible - Zoom
AceptarCancelar
+
Aceptar Cancelar
+

24. Perceptible – Contraste de colores
Información Personal
Aceptar Cancelar
Nombre
Apellidos
Información Personal
Aceptar Cancelar
Nombre
Apellidos

25. https://developer.paciellogroup.com/resources/contrastanalyser/
Colour Contrast Analyser
Perceptible – Contraste de colores

28. “Los componentes de la
interfaz de usuario y la
navegación deben ser
operables.”
WCAG
2.1
Perceptible Operable
ComprensibleRobusto
Principios de Accesibilidad

29. Operable – Título de la página
Solicitar Partida de Nacimiento
Continuar
Información
Nombre
Apellidos
CancelarContinuarCancelar
Datos
Información
Nombre
Apellidos

30. Operable - Ubicación
Solicitar Partida de Nacimiento
Continuar
Información
Nombre
Apellidos
Cancelar
Solicitar Partida de Nacimiento
Continuar
Información
Nombre
Apellidos
Cancelar

31. “La información y el
manejo de la interfaz de
usuario deben ser
comprensibles.”
WCAG
2.1
Perceptible Operable
ComprensibleRobusto
Principios de Accesibilidad

32. Menú
Solicitar Partida de Nacimiento
Solicitar Partida de Matrimonio
Solicitar CI
FAQs
Volver
Menú
Solicitar Partida de Nacimiento
Solicitar Partida de Matrimonio
Solicitar Cédula de Identidad
Preguntas Frecuentes
Volver
Comprensible – Texto Legible

33. “El contenido debe ser
suficientemente robusto
como para ser
interpretado de forma
fiable por los productos
de apoyo.”
WCAG
2.1
Perceptible Operable
ComprensibleRobusto
Principios de Accesibilidad

34. Solicitar Partida de Nacimiento
Continuar
Matias
Perez Perez
Información
Nombre
Apellidos
Cancelar
Solicitar Partida de Nacimiento
Continuar
Matias
Perez Perez
Información
Nombre
Apellidos
Cancelar
Robusto – Productos de apoyo

35. Solicitar Partida de Nacimiento
Continuar
Información
Nombre
Apellido
s
Cancelar
Solicitar Partida de Nacimiento
Continuar
Información
Dirección
Teléfono
Cancelar
Robusto – Productos de apoyo

36. Productos de apoyo1
PrincipiosdeAccesibilidad2
Herramientasdecomprobación3
Agenda

37. Comprobación de Accesibilidad
Color Contrast Analyser

40. Inclusión

41. Accesibilidad en aplicaciones
web y mobile
Ing. Lisandra Armas
@lisyarmas