Make Your App Friendly to 1 Billion More Users
0 recomendaciones58 vistas
El documento destaca la importancia de la accesibilidad en aplicaciones, indicando que es esencial para un 15% de la población y beneficiosa para el 100%. Se presenta una introducción a las WCAG y sus principios, junto con siete consejos prácticos para mejorar la accesibilidad. Además, se ofrecen herramientas y recursos para evaluar y fomentar la inclusión en el diseño de aplicaciones.
Make Your App Friendly to 1 Billion More Users
- 2. Make Your App Friendly to 1 Billion More Users Lisandra Armas
- 5. 1.094.215.000 @lisyarmas | @AbstractaUS | @vopentechuy
- 6. Visual Auditiva Motora Cognitiva Permanente Temporal Situacional @lisyarmas | @AbstractaUS | @vopentechuy Source: Microsoft’s inclusive design toolkit
- 7. @lisyarmas | @AbstractaUS | @vopentechuy
- 8. La accesibilidad es fundamental para un 15% de la población y para el 100% es confortable. @lisyarmas | @AbstractaUS | @vopentechuy
- 9. @lisyarmas | @AbstractaUS | @vopentechuy
- 10. AGENDA Intro a la WCAG y sus Principios 7 TIPS Chequeando la accesibilidad Ideas accesibles @lisyarmas | @AbstractaUS | @vopentechuy
- 11. AGENDA Intro a la WCAG y sus Principios 7 TIPS Chequeando la accesibilidad Ideas accesibles @lisyarmas | @AbstractaUS | @vopentechuy
- 12. WCAG 2.1 Línea de tiempo: WCAG 5 de Mayo 1999 11 de Diciembre 2008 Octubre 2012 5 de Junio 2018 WCAG 1.0 publicada por la W3C (foco en HTML) WCAG 2.0 adoptada como estándar digital de accesibilidad WCAG 2.0 es establecida por la ISO como estándar digital de accesibilidad WCAG 2.1 la W3C publica nueva recomendación Next SILVER WCAG Ag https://www.deque.com/blog/wcag-2-1-what-is-next- for-accessibility-guidelines/@lisyarmas | @AbstractaUS | @vopentechuy
- 13. 4 Principios 13 Pautas 78 Criterios WCAG 2.1 Guía de Accesibilidad A/AA/AAA @lisyarmas | @AbstractaUS | @vopentechuy
- 14. WCAG 2.1 Perceptible Operable ComprensibleRobusto @lisyarmas | @AbstractaUS | @vopentechuy Principios de Accesibilidad
- 15. Productos de apoyo @lisyarmas | @AbstractaUS | @vopentechuy
- 16. Producto de apoyo: Lector de pantalla
- 17. Intro a la WCAG y sus Principios 7 TIPS Chequeando la accesibilidad Ideas accesibles AGENDA @lisyarmas | @AbstractaUS | @vopentechuy
- 18. 7 TIPS para comenzar a hacer tu aplicación más accesible
- 19. 1. Incluye textos alternativos
- 20. Perceptible – Textos Alternativos IMAGEN.JPG BOTÓN alt= IMAGEN.JPG ACEPTAR BOTÓN alt= ACEPTAR @lisyarmas | @AbstractaUS | @vopentechuy
- 21. 2. Haz tu aplicación responsive
- 22. Perceptible – Estructura del contenido @lisyarmas | @AbstractaUS | @vopentechuy
- 23. 3. Provee suficiente contraste de color.
- 24. Perceptible – Contraste de colores @lisyarmas | @AbstractaUS | @vopentechuy
- 25. 4. Verifica el soporte de navegación del teclado.
- 26. Cancelar Aceptar Operable – Accesible por teclado Cancelar Aceptar @lisyarmas | @AbstractaUS | @vopentechuy
- 27. 5. Ofrece estados de enfoque usables.
- 28. Operable – Foco II @lisyarmas | @AbstractaUS | @vopentechuy
- 29. 6. Ayuda a los usuarios a evitar y corregir errores.
- 30. Comprensible – Ayuda contextual I7I7.421.578-1 @lisyarmas | @AbstractaUS | @vopentechuy
- 31. 7. Haz tu aplicación robusta.
- 32. Robusto – Compatibilidad con productos de apoyo Matias Perez Perez Cancelar Continuar Matias Perez Perez Cancelar Continuar Ejemplo usando un Lector de Pantalla como producto de apoyo @lisyarmas | @AbstractaUS | @vopentechuy
- 33. Cancelar Continuar Ejemplo usando un Lector de Pantalla como producto de apoyo @lisyarmas | @AbstractaUS | @vopentechuy Matias Perez Perez Cancelar Continuar Robusto – Compatibilidad con productos de apoyo
- 34. Intro a la WCAG y sus Principios 7 TIPS Chequeando la accesibilidad Ideas accesibles AGENDA @lisyarmas | @AbstractaUS | @vopentechuy
- 35. Herramientas para chequear la accesibilidad https://www.w3.org/WAI/ER/tools/Más validadores: @lisyarmas | @AbstractaUS | @vopentechuy
- 36. Intro a la WCAG y sus Principios 7 TIPS Chequeando la accesibilidad Ideas accesibles AGENDA @lisyarmas | @AbstractaUS | @vopentechuy
- 37. Haz que la accesibilidad sea parte de la elaboración de tu diseño y desarrollo
- 38. www.fundacionbl.orgwww.humanain.com @lisyarmas | @AbstractaUS | @vopentechuy
- 39. #inclusión
- 41. SPONSORS