Interfaces accesibles: diseño más allá de lo evidente

En esta presentación en el marco del Día Mundial de la Accesibilidad 2023, Joel Rodelo explica los principios y buenas prácticas para crear diseños de sitios web y apps accesibles para todas las personas.

Transcript

1. Interfaces Accesibles: Diseño más allá de lo evidente por Joel Rodelo MAY 2023
2. JOEL RODELO MADRID – 2023 Apasionado por el diseño, la música y nuevas tecnologías. Actualmente trabajo como Gerente de DesignOps dirigiendo a un increíble equipo en la creación de productos digitales usables y vistosos en la industria del retail y fintech. > hola@joelrodelo.com > joelrodelo.com > LinkedIn > ADPList Joel Rodelo Madrid
3. JOEL RODELO MADRID – 2023 Antes de 2016 solo conocía sobre etiquetas ALT y buenas prácticas de diseño
4. JOEL RODELO MADRID – 2023 • 2016 inicio el área de accesibilidad • 2018 premio primer ecommerce accesible en México • 2023 extrapolar conocimiento a Grupo Coppel
5. JOEL RODELO MADRID – 2023 Todos tenemos o conocemos a alguien que experimenta alguna discapacidad en los distintos grados
6. JOEL RODELO MADRID – 2023 La realidad
7. JOEL RODELO MADRID – 2023 1.3 billones de personas experimentan algún tipo de discapacidad significativa 16% de la población mundial
8. JOEL RODELO MADRID – 2023 Según INEGI, en 2020 el porcentaje total en México de personas con alguna discapacidad era de un 4.9% de la población, lo que equivale a aproximadamente 6.17 millones de personas.
9. JOEL RODELO MADRID – 2023 Diseñar productos accesibles no se trata solo de lo visual 👀 Referencia
10. JOEL RODELO MADRID – 2023 Accessibility answers the question of whether a product or service can be used by any user, anywhere, and anytime.
11. JOEL RODELO MADRID – 2023 6.17 millones de personas en méxico con diferentes discapacidades
12. JOEL RODELO MADRID – 2023 Al diseñar productos y servicios debemos contemplar diversos tipos de discapacidades como:
13. JOEL RODELO MADRID – 2023 Auditiva (ej. problemas para oír)
14. JOEL RODELO MADRID – 2023 Visual (ej. daltonismo)
15. JOEL RODELO MADRID – 2023 Motriz (ej. artritis)
16. JOEL RODELO MADRID – 2023 Epilepsia (ej. convulsiones)
17. JOEL RODELO MADRID – 2023 Cognitivo (ej. dislexia) Fuente
18. JOEL RODELO MADRID – 2023 Las barreras de habilidad también pueden surgir por diversos factores: Incidental (ej. privación del sueño) Ambiental (ej. usar un dispositivo móvil bajo tierra)
19. JOEL RODELO MADRID – 2023 Referencia
20. JOEL RODELO MADRID – 2023 “When UX doesn’t consider ALL users, shouldn’t it be known as “SOME User Experience” or… SUX?” — Billy Gregory, Senior Accessibility Engineer Fuente
21. JOEL RODELO MADRID – 2023 Menos del 4% del top de sitios web del mundo (1 millón) la página de inicio es accesible. Fuente WebAIM via Knowbility
22. JOEL RODELO MADRID – 2023 Tim Berners-Lee Inventor de la WWW "The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect” Fuente
23. ¿Por dónde empezar a diseñar interfaces accesibles?
24. JOEL RODELO MADRID – 2023 El valor de la accesibilidad dentro del diseño de experiencia de usuario Una experiencia de usuario accesible brinda los beneficios de una buena experiencia de usuario a las personas con discapacidades. Esto, a su vez, aumenta el grupo de clientes leales. Fuente
25. JOEL RODELO MADRID – 2023 Fuente
26. JOEL RODELO MADRID – 2023 Un buen diseño es accesible
27. JOEL RODELO MADRID – 2023 Principios de accesibilidad Fuente
28. JOEL RODELO MADRID – 2023 Niveles de accesibilidad
29. JOEL RODELO MADRID – 2023 Diseñando con accesibilidad en mente
30. JOEL RODELO MADRID – 2023 Fuente Diseñando para usuarios con espectro autista
31. JOEL RODELO MADRID – 2023 Fuente Diseñando para usuarios que usan lector de pantalla
32. JOEL RODELO MADRID – 2023 Fuente Diseñando para usuarios con baja visión
33. JOEL RODELO MADRID – 2023 Fuente Diseñando para usuarios con dislexia
34. JOEL RODELO MADRID – 2023 Fuente Diseñando para usuarios con discapacidad física o motriz
35. JOEL RODELO MADRID – 2023 Diseñando para usuarios sordos o con problemas auditivos Fuente
36. JOEL RODELO MADRID – 2023 Diseñando para usuarios con ansiedad Fuente
37. JOEL RODELO MADRID – 2023 • Demuestra responsabilidad social • Mejora la eficiencia y tiempo de respuesta • Aumentar la cuota de mercado y la audiencia • Evidencia el cumplimiento de la ley Ventajas de ser accesibles:
38. JOEL RODELO MADRID – 2023 La accesibilidad no es un feature Fuente
39. JOEL RODELO MADRID – 2023 La accesibilidad es responsabilidad de todos
40. JOEL RODELO MADRID – 2023 • Plugins Figma • Herramientas iOS & Android • Accessibility for UX and UI Designers • Cómo escribir contenidos UX que incluyentes • Checklist Recursos
41. JOEL RODELO MADRID – 2023 Gracias