Accesibilidad

Charla presentada por Gonzalo Arreche (@grilix) en IxDA Montevideo.

Transcript

1. Accesibilidad @grilix
2. @grilix
3. @grilix
4. Nuestros usuarios
5. Nuestros usuarios
7. Accesibilidad
8. Accesibilidad
9. Accesibilidad
10. Accesibilidad Accesibilidad != Usabilidad
11. Accesibilidad Accesibilidad: Grado con el cual un producto, dispositivo, servicio o entorno está disponible para tantas personas como sea posible.
12. Accesibilidad Barrera de accesibilidad: Obstáculo que impide o dificulta a una persona la realización de una determinada tarea o actividad, afectando de esta manera a la plena integración social de dicha persona.
13. Accesibilidad Tecnologías de apoyo: Dispositivos, equipos, instrumentos, tecnología o software que es usado para incrementar, mantener o mejorar las capacidades funcionales de personas con discapacidad.
14. Accesibilidad • Personas • Productos • Mejorar • Participación • Realización de actividades • Integración social • Igualdad de condiciones
15. Web ¿Cómo ayudar a nuestros usuarios?
16. Web • Texto alternativo en imágenes • Labels para los controles • Tags semánticos
17. Web • Botones/Links grandes • Contraste • Advertencias • Atajos de teclado • Ordenar contenido por interés
18. ARIA ¿Aplicaciones complejas?
19. ARIA Accessible Rich Internet Applications
20. ARIA Es una especificación técnica que provee un framework para mejorar la accesibilidad de contenido y aplicaciones web.
21. ARIA
22. ARIA Widgets Roles Propiedades Estados
23. ARIA Roles de widgets Widgets contenedores http://www.w3.org/TR/2010/WD-wai-aria-20100916/roles
24. ARIA Roles para documento http://www.w3.org/TR/2010/WD-wai-aria-20100916/roles
25. ARIA Roles de marcadores http://www.w3.org/TR/2010/WD-wai-aria-20100916/roles
26. ARIA
27. Diseño Universal Se refiere a producir productos, edificios y entornos que son accesibles tanto para personas mayores, personas con discapacidades y personas sin discapacidades.
28. Diseño Universal • Uso equitativo • Simple e intuitivo • Información perceptible • Tolerante a errores • Bajo esfuerzo físico
29. Diseño Universal [Algunos ejemplos]
30. Diseño Universal Íconos descriptivos
31. Diseño Universal Botones distinguibles al tacto
32. Diseño Universal Interruptores con paneles en lugar de palancas
33. Diseño Universal
34. Diseño Universal Palancas en las puertas en lugar de perillas circulares
36. :)