Accesibilidad, donde las especialidades convergen por Érika La torre y Juan Javier Madrazo Hernández Sobre la charla: Pretendemos concientizar la importancia de la accesibilidad en el desarrollo de aplicaciones web, lo importante de tener en cuenta una serie de parámetros desde el diseño hasta su etapa de pruebas. La accesibilidad es el derecho al acceso a los contenidos independientemente de la diversidad funcional o del contexto de uso. Les dejamos un video de referencia para que vayan entrando en tema: https://www.youtube.com/watch?v=3f31oufqFSM Sobre Érika: Diseñadora gráfica multidisciplinaria en el área de Diseño y la comunicación; especialista en UX/UI, Accesibilidad & CX. Convencida del rol del diseño en la vida de las personas, el mundo digital marcó un antes y un después en su vida y formación. Con más de 14 años de experiencia, posee gran interés en la aplicación de metodologías en los procesos de diseño e innovación. Lidera y gestiona equipos en proyectos de diseño orientados a mejorar la experiencia de los usuarios de productos y servicios. Embajadora de +Mujeres en UX Argentina una comunidad de profesionales UX comprometidas con reducir la brecha de genero en tecnología. Sobre Javier: Recibido como Diseñador Gráfico en el Instituto Tecnológico de Diseño de La Habana en 1995, hace algunos años me desempeño como diseñador UX/UI y especialista en Accesibilidad Web.

1. Donde las especialidades convergen

3. La usabilidad es un atributo
de calidad que evalúa qué
tan fáciles son de usar las
interfaces de usuario.

5. La Usabilidad es
medible en 3 ejes.

6. EFECTIVIDAD SATISFACCIÓN
Lo logra rápidamente ¿Qué tan agradable fue la
experiencia de uso?
EFICIENCIA
El usuario logra lo
que quiere

7. Mediante la Usabilidad,
podemos disminuir el
tiempo de aprendizaje
en el manejo de la
herramienta.

8. Podemos medir el impacto
de lo que diseñamos de
una manera concreta
y cuantificable.

9. (Diseño centrado en el usuario)

10. La accesibilidad es un derecho.
Acceso a los contenidos independientemente
de la diversidad funcional o del contexto de uso.

11. Prueba Análisis
Elaboración
Objetivos del
negocio
&
Objetivos de los
usuarios

12. ●
●
●
●
●
●
●
●
●
●
●
●
●
●
●
●
●
●
●
●
●
●

15. Pulsar sobre la imagen para ver el video

16. ●
●
●
●
●
●
●

18. recomendaciones reducir las
barreras de acceso

21. A AA AAA
Mínimo Máximo

22. A AA AAA
Mínimo Máximo
●
●
●

35. HTML semántico

36. Texto alternativo para imágenes

37. Etiquetas ARIA
Accessible Rich Internet Application
atributos
etiquetas HTML
https://www.w3.org/TR/html-aria/

38. Analizadores de color
https://colororacle.org

39. http://wave.webaim.org/
https://www.tawdis.net/
Extensiones para Navegadores

45. Blog Usable y Accesible
Web Accessibility Initiative
Web Content Accessibility Guidelines
Evaluating Web Accessibility Overview
Microsoft Accessibility
https://www.microsoft.com/en-us/accessibility

51. Difícil de alcanzar
con un solo dedo
o con los pulgares.
Cómodo de
alcanzar