El documento discute la diferencia entre usabilidad y accesibilidad. La usabilidad se refiere a la facilidad de uso de una interfaz, mientras que la accesibilidad se refiere a que las personas con discapacidades puedan percibir, comprender y interactuar con el contenido. Aunque son conceptos distintos, una aplicación puede ser tanto usable como accesible si se evalúan ambos aspectos y se prueba con diferentes usuarios.

1. Usabilidad y
Accesibilidad
¿hablamos de lo mismo?
Encuentros Online – BrightX

2. Usabilidad y Accesibilidad
¿hablamos de lo mismo?
Ing. Lisandra Armas
@lisyarmas

3. ¿Hablamos de lo mismo
cuando nos referimos a
usabilidad y
accesibilidad?
¿Si nuestra aplicación
es usable también será
accesible?
¿Puede una aplicación
ser accesible y usable a
la vez?

4. Software Engineer
ISTQB Foundation Level
Docente del Diplomado Testing de Software en la
Universidad Católica de Bolivia
https://lisandra-armas.blogspot.com/
+9 años de experiencia en Testing
Senior Quality Engineer
UX, Usability and Accessibility Advocate
Speaker Internacional
Viajar y conocer el mundo
Aficionada a la fotografía @lisyarmas

5. 1. ¿Qué es accesibilidad?
2. ¿Qué es usabilidad?
3. Usabilidad y Accesibilidad
4. Accesibilidad usable:
Evaluando la accesibilidad
y la usabilidad

6. 1. ¿Qué es accesibilidad?
2. ¿Qué es usabilidad?
3. Usabilidad y Accesibilidad
4. Accesibilidad usable:
Evaluando la accesibilidad
y la usabilidad

7. ¿Qué es accesibilidad?
El World Wide Web Consortium (W3C) define la
accesibilidad como un atributo que "permite que
las personas con discapacidad puedan percibir,
comprender, navegar e interactuar con la web."

8. “El poder de la Web está en su
universalidad.
El acceso para cualquier
persona, independientemente
de las discapacidades, es un
aspecto esencial.”
Tim Berners-Lee,
Director del W3C e inventor de la World Wide Web

9. ¿Por qué la accesibilidad nos beneficia a TOD@s?
Porque no solo existen las situaciones de "discapacidad permanente", también
existen las "discapacidades temporales" y "limitaciones situacionales".

10. Imagen de: https://www.microsoft.com/design/inclusive/
Efecto Rampa - “Curb cut” effect

11. W3C - Pautas de Accesibilidad del Contenido Web (WCAG)

12. Preguntas - Punto de partida
Traducción de: https://twitter.com/cariefisher/status/1130825247320489987
¿Hay algo en nuestro sitio web o
aplicación que una persona con
discapacidad no pueda percibir?
¿Funciona esto con diferentes tipos
de dispositivos de tecnología de
asistencia?
¿Nuestro sitio web solo es
compatible con los navegadores o
sistemas operativos más recientes?
¿Nuestro sitio web está
desarrollado con las mejores
prácticas?
¿Funciona tanto en orientación
horizontal como vertical?
¿Pueden los usuarios controlar los
elementos interactivos de nuestro
sitio web / aplicación?
¿Nuestro sitio web funciona bien
con el solo uso del teclado?
¿Funciona para dispositivos
móviles y táctiles?
¿Está todo el contenido claramente
escrito?
¿Todas las interacciones son
fáciles de entender?
¿Tiene sentido el orden de la
página?

13. Más información...

14. 1. ¿Qué es accesibilidad?
2. ¿Qué es usabilidad?
3. Usabilidad y Accesibilidad
4. Accesibilidad usable:
Evaluando la accesibilidad
y la usabilidad

15. “Atributo de calidad que mide lo fáciles que son de usar las interfaces
Web.
Jakob Nielsen
Usabilidad es la eficacia, eficiencia y satisfacción con la que un
producto permite alcanzar objetivos específicos a usuarios específicos
en un contexto de uso específico.
ISO/IEC 9241
La capacidad de un software de ser comprendido, aprendido, usado y
ser atractivo para el usuario en condiciones específicas de uso.
ISO/IEC 9126
“
“
Definición de Usabilidad

16. Usabilidad = Facilidad de uso

17. ¿Por qué es importante la Usabilidad?

19. Una buena usabilidad
pasa desapercibida
¿Cómo se ve una buena usabilidad?

20. Los usuarios NO piensan como nosotros
No conformarnos con nuestra opinión...

21. Tips para una aplicación usable

22. Cuando una aplicación web tarda más de 20 segundos en cargarse el 80%
de sus visitantes abandona la página antes de verla.
Rapidez en la visualización del contenido

23. Enlaces funcionando correctamente

24. Una aplicación de apariencia limpia y sencilla permitirá a los usuarios
navegar con facilidad y encontrar siempre lo que busquen.
Apariencia limpia y sencilla

25. No hagas de tu aplicación un laberinto, la información debe ser fácil de encontrar.
Regla de los 3 clics

26. Interfaz de usuario intuitiva
La interfaz de usuario no debe de suponer un problema, tiene que requerir un
mínimo proceso de aprendizaje y resultar amigable.

27. La información es esencial
Debemos proporcionar una lectura amena y concisa

28. Percepción de los colores
El daltonismo (deficiencia de la visión del color o ECV) afecta aproximadamente a 1 de
cada 12 hombres (8%) y 1 de cada 200 mujeres en el mundo.
Fuente: Color Blind Awareness
Normal Vision Protanopia

29. Legibilidad
Cuidar que los textos tengan un contraste adecuado con el fondo y que el
tamaño de la fuente sea correcto para permitir la lectura con comodidad.
ESTO ES LEGIBLE
ESTO NO ES LEGIBLE
ESTO ES LEGIBLE
ESTO NO ES LEGIBLE

30. 10 Heurísticas de Usabilidad de Jakob Nielsen
Referencia original de la imagen:
https://www.javierbalvin.com/diseno-grafico-zaragoza/que-es-el-diseno-de-experiencia-de-usuario-ux-ejemplo-proyecto/

31. Una aplicación usable le permite a los usuarios ser capaces de alcanzar sus
objetivos con un mínimo esfuerzo y con un resultado óptimo.

32. Más información...

33. 1. ¿Qué es accesibilidad?
2. ¿Qué es usabilidad?
3. Usabilidad y Accesibilidad
4. Accesibilidad usable:
Evaluando la accesibilidad y
la usabilidad

34. Usabilidad
Accesibilidad
VS

35. Una gran playa a la que nadie puede acceder, en realidad no es una gran playa
Una aplicación usable a la que nadie puede acceder, no es realmente usable

36. Usabilidad
Accesibilidad
VS
La accesibilidad web se basa en que las
personas en situación de discapacidad
puedan percibir, comprender, navegar e
interactuar sin inconvenientes por la web y
aplicaciones móviles.
La usabilidad se basa en que el diseño
de los productos sean efectivos,
eficientes y satisfactorios para todos
los usuarios.

37. Usabilidad
Accesibilidad
Cuando apuntamos a la usabilidad en nuestra aplicación si bien estamos
aportando a determinados aspectos de la accesibilidad no significa que estamos
haciendo nuestro sitio completamente accesible, lo mismo sucede a la inversa.

38. 1. ¿Qué es accesibilidad?
2. ¿Qué es usabilidad?
3. Usabilidad y Accesibilidad
4. Accesibilidad usable:
Evaluando la accesibilidad
y la usabilidad

39. ¿Cómo lograrlo?
1. Conocer, conocer y conocer a tus usuarios.
2. Probar, probar y probar tus diseños.

40. ¿Cómo lograrlo?

41. Herramientas
de evaluación
automática
Más información: https://www.w3.org/WAI/ER/tools/
¿Cómo lograrlo?

42. 1. ¿Qué es accesibilidad?
2. ¿Qué es usabilidad?
3. Usabilidad y Accesibilidad
4. Accesibilidad usable:
Evaluando la accesibilidad
y la usabilidad

43. +15%
http://www.who.int/disabilities/world_report/2011/es/
ACCESIBILIDAD
U
S
A
B
I
L
I
D
A
D

44. Fórmula - Aplicaciones accesibles y usables
Análisis de
Accesibilidad
Evaluación
de Usabilidad
Pruebas con
Usuarios
Lograremos aplicaciones que cumplan con los estándares de calidad, eficiencia y
satisfacción, y además que sean perceptibles, operables, comprensibles y robustas
con las tecnologías de asistencia utilizadas por personas en situación de discapacidad.

45. ¿Cómo seguir? - Recomendaciones
1 2 3

46. Muchas gracias :)
¿Preguntas?
Ing. Lisandra Armas
@lisyarmas

47. Usabilidad y Accesibilidad
¿hablamos de lo mismo?
Ing. Lisandra Armas
@lisyarmas

48. ¡Muchas
gracias!
Encuentros Online – BrightX

49. Encuentros Online – BrightX
Información y
Contacto
www.linkedin.com/in/lisandra-arm
as-aguila/
@lisyarmas
info@brightest.org
emilie@brightest.org
www.brightest.org