En esta presentación se muestra la importancia de ir más allá de lo convencional en el diseño, nos lleva a pensar en los usuarios en situación de discapacidad que no pueden acceder de manera efectiva al uso de los productos y servicios con el fin de crear conciencia sobre el diseño.

1. Diseño
Accesible
Alfonso Llerena Polo

2. Diseño
“El diseño es el alma de todo
lo creado por el hombre”
Steve Jobs

3. Accesibilidad
“Facilidad para acceder a un
lugar, por parte de una persona
o una cosa”

4. Accesibilidad (2)
“Es un fenómeno complejo
que refleja la interacción de
un ser humano y la
sociedad en la que vive.”

5. Discapacidad
No es un aspecto individual de
índole médico o fisiológico,
se debe entender como
consecuencia de las
limitaciones y restricciones
impuestas por el ambiente
físico y la sociedad.

6. Diferentes formas de
discapacidad
Discapacidad, Visual, Auditiva, Física, Cognitiva, Desconocimiento, Envejecimiento

7. Dispositivos de apoyo antiguos
Productos de Apoyo

8. Aspectos comunes entre
Diseño - Accesibilidad
El social: Elemento esencial de nuestra vida.
El personal: Nuestra posición respecto a otras personas.
El técnico: Ventajas que ofrecen la tecnología.
El financiero: Un proyecto de diseño accesible no es más costoso.
El legal: Aspectos normativos y de leyes.

9. Diseño
Accesible
“Proceso mediante el cual es
prioridad resolver las
necesidades especificas de
usuarios con discapacidad”.

10. Principios del Diseño Accesible (1)
El diseño de productos y entornos para ser usados
por todas las personas, al máximo posible, sin
adaptaciones o necesidad de un diseño
especializado.

11. Principios del Diseño Accesible
1. Uso equitativo: El diseño es útil y de valor comercial para personas con
diferentes capacidades.
2. Flexibilidad de uso: El diseño se adapta a un amplio rango de preferencias y
capacidades individuales.
3. Uso simple e intuitivo: El diseño debe ser fácil de utilizar y de entender.
4. Información perceptible: El diseño debe comunicar efectivamente la
información.

12. Principios del Diseño Accesible (2)
5. Tolerante al fallo: El diseño debe minimizar las experiencias negativas de
posibles acciones accidentales o no intencionadas.
6. Poco esfuerzo físico: El diseño debe ser utilizado de manera eficiente y
confortable y con la mínima fatiga.
7. Tamaño, espacio para aproximación y uso: El diseño debe tener un tamaño y
espacio adecuado que le permita al usuario, acercarse, alcanzar, manipular y
utilizar el producto, sin importar su peso, estatura o su postura.

13. Otros Factores
Respetuoso: El diseño debe respetar la diversidad de todos los usuarios.
Seguro: El diseño debe evitar situaciones de riesgo para los usuarios, todos los
elementos que lo forman y su entorno deben ser seguros.
Saludable: El diseño No puede constituir ningún riesgo para la salud.
Funcional: El diseño debe cumplir la función para la cual ha sido creado.

14. Otros Factores 2
Comprensible: Cualquier usuario debe poder orientarse sin dificultad dentro de
espacio, para ello es imprescindible:
• Información clara: La utilización de imágenes coherentes teniendo en
cuenta el contexto.
• Distribución espacial: Coherencia de los elementos.
• Atractivo: Un diseño con un componente de atracción y estética creará una
mejor experiencia de usuario.

15. Dispositivos de apoyo
modernos

16. Baño accesible

17. Cajero automático
accesible

18. Accesibilidad
Visual
Personas con ceguera y/o
sordo-ceguera, daltonismo,
retinosis, baja visión.
Dificultades para acceder a
información, perdida de
contexto, no utilización de
producto.

19. Accesibilidad
Cognitiva
Personas con dificultad para
encontrar la información
dentro del diseño.
Problemas en la toma de
decisiones, no saber que
hacer, se genera frustración
y abandono de interacción.

20. Accesibilidad
Auditiva
Personas con problemas de
audición, hipoacusia o restos
auditivos.
No acceder a la información
auditiva genera mayor
dificultad para entender,
aprender e interpretar.

21. Accesibilidad
Física
Personas con discapacidades
físicas (en extremidades
superiores)
No acceder a productos,
servicios, dispositivos o
tecnología.

22. Accesibilidad
Tecnológica
Personas con dificultad para
acceder a artefactos
tecnológicos que son
utilizados por un rango amplio
de usuarios.
No acceder a la información
por factores como software,
hardware, entorno,
inexperiencia tecnológica.

23. Accesibilidad
y Vejez
Las personas mayores pueden
tener una combinación de varias
de las discapacidades.
Todos a medida que cumplimos
años, perdemos visión,
coordinación, capacidad de
memorizar, etc.

24. ¿ Cómo Diseñar de manera accesible ?

25. Check List # 1
Elemento Comprobación
Mapa mental Estructurar el contenido de forma clara, entendible y sencilla.
Lenguaje Un lenguaje claro y fácilmente comprensible para todos los
usuarios.
Léxico sencillo Evitar palabras y expresiones inusuales, locales o poca
comprensión.
Símbolos Utilizar símbolos conocidos.

26. Check List # 2
Elemento Comprobación
Párrafos cortos 1 idea = 1 párrafo.
Sintaxis sencilla Sujeto + verbo + predicado.
Fuentes Las fuentes deben ser fácilmente legibles en tamaños
apropiados .
Representación visual Cuando se necesario utilizar ilustraciones del contenido
como apoyo a la lectura.

27. Check List # 3
Elemento Comprobación
Colores Precaución con el color de fondo con suficiente
contraste. (Color Contras Analyser)
Alineación Evitar alineaciones a la derecha y justificado.
Fuentes Las fuentes deben ser fácilmente distinguibles en
tamaños apropiados .

28. Ventajas Accesibilidad en la web
Aumento de visitantes del sitio
Disminución de costos de desarrollo y mantenimiento.
Reducción de tiempos de carga. (CSS)
Responsabilidad Social
Mejora usabilidad

29. Check List # 4 (web)
Elemento Comprobación
Estándares
Internacionales
W3C
WACAG 2.0: ( Web Content Accessibility Guidelines)
Robusto
Perceptible
Operable
Comprensible

30. Check List # 4 (web)
Elemento Comprobación Principio
Atributos No Duplicar atributos Robusto
Lenguaje Utilizar HTML y Hojas de estilo CSS
(Evitar el HTML friendly)
Robusto
Multidipositivo Móvil, escritorio, portátil. (Responsivo) Operable
Acceso Teclado Realizar cualquier tarea sin utilizar el ratón Operable

31. Check List # 4 (web)
Elemento Comprobación Principio
Enlaces Tener un texto significativo, evitar el “Clic
aquí”.
Operable
Etiquetas H1, H2, H3 ... Usuario con lector de
pantalla.
Operable
Tablas No utilizar tablas para maquetar Robusto
Multimedia Videos y Animaciones con Subtítulos y
Descripción.
Perceptible

32. Plugins de WordPress
• Watool: Barra herramientas para revisar estándares W3C.
• AccessibilityPress (Imágenes): Realiza un informe para asignar texto Alternativo a las
Imágenes del sitio.
• AccessibilityPress: (Links Externos): Evaluará cada página para producir un informe
verificando errores en enlaces externos.
•Validador Site Pro: Comprueba si los códigos HTML y CSS son correctos y cumplen con las
normas de accesibilidad.
•Accesibilidad WP: es un asistente que comprueba la gran variedad de problemas de
accesibilidad comunes entemas de WP.

33. Conclusiones
• Entender que el Diseño puede ir más allá de la usabilidad y la estética.
• Conocer algunas de las condiciones mínimas de la accesibilidad
aplicables a productos y servicios.

34. Conclusiones (3)
• Entender la accesibilidad como una alternativa laboral.
• Ver la Accesibilidad como un beneficio para todos.
• Adaptar el concepto de Diseño accesible a diferentes áreas.
• Reconocer que vivimos en una sociedad inaccesible con un bajo
reconocimiento de las personas en condiciones diferentes.

35. Conclusiones (4)
• Reconocer la accesibilidad como un derecho fundamental:
Tenemos derecho al Trabajo, Salud, Educación, Libertad de
Expresión, Acceder a la Información con calidad en igualdad
de oportunidades y condiciones.
• Es un llamado las instituciones de nuestro país para que se apliquen las
normativas vigentes que ayuden a cerrar ese espacio entre las personas
diferentes y aquellas que nos consideramos iguales.

36. Fin de la presentación
Gracias
“El diseño llega a todas partes,
El diseño accesible llega a las personas”
Alfonso Llerena Polo

37. allerena@poligran.edu.co