¿Crees que accesible y usable es lo mismo? Si crees que son lo mismo, definitivamente esta charla es para ti, se explicará cuáles son las diferencias entre ambos términos y cómo podemos incorporarlos a nuestro día a día como diseñadores. Si respondiste que no lo son, únete para que sigamos aprendiendo sobre la reglamentación existente sobre accesibilidad y cómo diseñar pensando en todos nuestros usuarios es una tendencia creciente y estable.

1. Diseño accesible
Acercamiento a un diseño accesible
y para todos.

2. Agenda
● Introducción
● Sobre Design Talks
● Diseño Accesible
○ Generalidades
○ Principios
● Sesión de preguntas
● Entrega de souvenirs
● Cierre

3. Organiza y patrocina

4. Recomendaciones
Q&A AL FINALIZAR
Escribe las preguntas que tengas en la sección de Q&A
de Slido con el #GAAD
PREGUNTAS TÉCNICAS POR CHAT
¿Hay algo que no está funcionando bien? ¿El sonido?
¿Las imágenes no se ven bien? Avísale al host por el
chat.

5. Introducción
Globant
● 17 años
● 37 ciudades
● 17 países
● +12,000 globers
Design Studio
● UX design
● Visual design
● Service design
● +350 diseñadores
Design Talks
● Conectarnos con la comunidad de diseño
● Intercambiar conocimiento
● Temas relevantes, prácticas y casos de estudio

6. Transformamos a las
organizaciones para que estén
listas para un futuro digital y
cognitivo.
Somos

7. 2010
1000+
2015
5000+
2003
Founded
2006
Signed
Google
2017
Worldwide Leader of
Digital Strategy
Consulting Services by
IDC MarketScape report
2019
BeKind
Launched
2008
Riverwood
Capital and
FTV Capital
invested
2009
Studios
launched
2012
WPP
Invested
2014
Listed on
NYSE
2015
Follow-on
2016
SOP
Launched
Esto es
GLOBANT
2019
11800+

8. ¿Quieres desarrollar tu
carrera en Globant?
https://micarrera.globant.com/

9. ¡Recuerda seguirnos para que estés
enterado de todos nuestros
próximos eventos!
¡No olvides etiquetarnos y usar el
Hashtag #disenoAccesible!
@globantpics Globant

15. ⓘ Start presenting to display the poll results on this slide.
¿De qué país y ciudad eres?

16. Global Accesibility
Awareness Day (GAAD)
El Día Mundial de la Concientización sobre Accesibilidad es un día
de concientización centrado en el acceso digital y la inclusión para
más de mil millones de personas con discapacidades e
impedimentos.
globalaccessibilityawarenessday.org/

17. Alejandro Lotero Mesa
UX Designer en Globant
@in/alejandro-lotero-mesa
Carlos Forero Oviedo
UX Designer en Globant
@in/cforero

18. “Si usted no sabe si su
aplicación o sitio web es
accesible, entonces no lo es”
- @LareneLg

19. 01 ¿QUÉ ES ACCESIBILIDAD?
REGULACIONES Y DOCUMENTACIÓN
MINDSET Y ACCESIBILIDAD
PRINCIPIOS DE ACCESIBILIDAD
EVALUANDO LA ACCESIBILIDAD
02
03
04
05
Contenido:

20. (En el contexto informático) Es la facilidad de
acceso a las TIC y a contenidos en Internet, para
cualquier persona sea con discapacidad, de edad
avanzada o por privación circunstancial.
QUÉ ES ACCESIBILIDAD

21. La accesibilidad web o de la interfaz, indica la
capacidad de acceso a la Web y a sus contenidos
por todas las personas, independientemente de
la discapacidad (física, intelectual o técnica) que
presenten o de las que se deriven del contexto de
uso (tecnológicas o ambientales).
¡¡¡ Esta cualidad está íntimamente relacionada con la USABILIDAD !!!
QUÉ ES ACCESIBILIDAD

22. Relación
accesibilidad / usabilidad
¿Qué es la usabilidad web?
Podemos definir la usabilidad web como el
grado o la facilidad de uso de una página web
cuando un usuario navega e interactúa con ella.
Una web con una buena usabilidad es aquella
que permite a los usuarios una interacción
sencilla, intuitiva, agradable y segura.

23. ¿Qué es la accesibilidad web?
La accesibilidad web es la posibilidad de que
una página web pueda ser utilizada por un
mayor número de personas posible,
independientemente de las propias
limitaciones de los usuarios, capacidades, los
conocimientos que posea o las características
técnicas del dispositivo que está utilizando
(por ejemplo, móvil, tablet o un portátil).
Relación
accesibilidad / usabilidad

24. Relación
accesibilidad / usabilidad
La accesibilidad es un aspecto clave y
necesario si queremos conseguir que
nuestra web tenga una buena
usabilidad, es decir, que sea fácil de
utilizar e intuitiva para todos los
usuarios, independientemente de sus
capacidades, experiencia o el
dispositivo que están utilizando
mientras navegan en una web.
Usabilidad Accesibilidad
Experiencia Mejorada

25. El contenido accesible es destinado a una gran cantidad de personas que
sufren algún tipo de limitación sensorial o motriz, incluyendo ceguera y baja
visión, sordera y pérdida de audición, movimiento limitado, discapacidades
del habla, fotosensibilidad y combinaciones de estas, y algunas
adaptaciones para discapacidades de aprendizaje y limitaciones cognitivas.
Qué se puede percibir por
discapacidad?

26. Condición de salud
de una persona
Qué se puede percibir por
discapacidad?
Interacciones humanas
no coincidentes
Discapacidad
Discapacidad

27. ● Visual (ceguera, baja visión, daltonismo…)
● Auditiva (sordera, baja audición…)
● Física o motriz (movimientos nulos o limitados, Parkinson…)
● De habla (dificultades para comunicarse verbalmente…)
● Relacionadas con el envejecimiento (disminuye la visión y
audición, problemas de movilidad…)
● Relacionadas con el entorno (conexiones lentas,
navegadores, equipos informáticos, tipos de pantallas…)
Qué se puede percibir por
discapacidad?

28. Permanente
Accesibilidad no es solo
para gente con discapacidad
Temporal
Situacional
Motriz Visual Auditiva Del habla
Amputación
Lesión en un
brazo
Bebé en
brazos
Mudez
Laringitis
Acento
extraño
Sordera
Infección
de oído
Entorno
ruidoso
Ceguera
Cataratas
Conductor
distraido
Discapacidad

29. REGULACIONES Y
DOCUMENTACIÓN

30. W3C - WAI
El máximo organismo dentro de la jerarquía de
Internet que se encarga de promover la
accesibilidad es el W3C, en especial su grupo
de trabajo WAI.

31. Las Pautas de Accesibilidad para el Contenido Web (WCAG) se
desarrollan a través del proceso del W3C (en Inglés) en cooperación con
personas y organizaciones de todo el mundo, con el fin de ofrecer un
estándar único y compartido que satisfaga las necesidades de las
personas, organizaciones y gobiernos a nivel internacional.
Web Content Accesibility
Guidelines (WCAG)

32. Los documentos WCAG explican cómo hacer el contenido web más
accesible para las personas con discapacidad. Por “contenido” web
se hace referencia, generalmente, a la información que se puede
encontrar en una página o aplicación web, lo cual incluye:
● Información natural como textos, imágenes y sonidos. (DISEÑO)
● Código o marcado que define la estructura, la presentación, etc.
(DESARROLLO)
Web Content Accesibility
Guidelines (WCAG)

33. PRINCIPIOS DE
ACCESIBILIDAD
01 PERCEPTIBLE
OPERABLE
ROBUSTO
COMPRENSIBLE
02
03
04

34. “La información y los componentes de la interfaz de usuario deben ser
presentables a los usuarios de manera que puedan percibirlos”.
● Texto alternativo: Proporciona texto alternativo
para el contenido que no sea textual.
● Adaptable: Crear contenido que pueda ser
presentado de diferentes formas sin perder ni
información ni estructura.
● Distinguible: Facilitar a los usuarios ver y escuchar
el contenido incluyendo la distinción entre lo más y
menos importante.
Perceptible

35. Operable
“Los componentes de la interfaz de usuario y la navegación deben ser
operables”.
● Teclado accesible: Poder controlar todas las funciones desde
el teclado.
● Tiempo suficiente: Proporciona tiempo suficiente a los
usuarios para leer y utilizar el contenido.
● Navegación: Proporciona formas para ayudar a los usuarios a
navegar, a buscar contenido y a determinar dónde están
estos.

36. Comprensible
“La información y el funcionamiento de la interfaz de usuario deben ser
comprensibles”.
● Ser Legible y comprensible: Se refiere tanto a la forma, como el
fondo de los textos de un sitio web.
En su forma, deben poseer un tipo de letra que pueda ser leído por
todos los usuarios, y si en el sitio existe una herramienta que permita
al visitante ajustar el tipo de letra a su mejor tamaño, mucho mejor.
En su fondo, se debe contemplar el correcto uso de abreviaturas,
modismos, neologismos, para que sean comprendidos por todos.

37. “El contenido debe ser lo suficientemente robusto como para que pueda ser
interpretado por una amplia variedad de agentes de usuario, incluidas las
tecnologías de asistencia.”
● Compatible: Maximice la compatibilidad con los agentes de usuario actuales y
futuros, incluidas las tecnologías de asistencia.
En palabras simples, un desarrollador debe respetar las normas sobre HTML y
de las hojas de estilo, para que su sitio pueda ser visitado en cualquier tipo de
plataforma. Entonces, si en código se escribe un enlace o un encabezado, una
lista, una imagen, o lo que sea, se deben respetar los atributos de cada cual.
Robusto

38. MINDSET Y ACCESIBILIDAD

39. ¿Por qué?
Según Disabled Disabled World: Actualmente, alrededor del
10% de la población mundial, viven con una discapacidad [1].
Tener una discapacidad lo ubica en el grupo minoritario más grande del
mundo. Actualmente, alrededor del 10% de la población mundial, viven
con una discapacidad. En la mayoría de los países de la OCDE, las mujeres
tienen tasas más altas de discapacidad que los hombres.
[1]https://www.disabled-world.com/disability/statistics/#:~:text=Currently%20around%2010%25%20of%20the%20world's%20popul
ation%2C%20or%20roughly%20650,people%2C%20live%20with%20a%20disability.&text=As%20the%20population%20ages%20t
his,UN%20Development%20Program%20(UNDP).

40. https://www.disabled-world.com/disability/statistics/
Métricas
● El 33% de los trabajadores de 20 años quedarán discapacitados antes de
alcanzar la edad de jubilación.
● Más de mil millones de personas, alrededor del 15% de la población mundial,
tienen alguna forma de discapacidad.
● Las tasas de discapacidad están aumentando debido al envejecimiento de la
población mundial y al aumento de las condiciones de salud crónicas.
● El 93-95% de las personas con discapacidad en todo el mundo no usan una silla
de ruedas, aunque el símbolo universal de discapacidad es una silla de ruedas.

41. ¿Para qué?
● Un beneficio social
● Un aspecto regulado por la ley
● Un aspecto de creciente interés apoyado por entidades gubernamentales
● Un beneficio a nivel tecnológico
● Un beneficio económico
Resolver para una persona, extender para muchas

42. ¿Para qué?
Resolver para una persona, extender para muchas
Permanente
26 Mil
Temporal
13 Millones
Situacional
8 Millones
Total: +21 Millones

43. ● A nivel mundial, más del 15% de la población, necesita 1 o más
productos de asistencia.
● Con el envejecimiento de la población mundial y el aumento de las
enfermedades no transmisibles, más de 2 mil millones de personas
necesitarán al menos 1 producto de asistencia para 2030, y
muchas personas mayores necesitarán 2 o más.
● Hoy, solo 1 de cada 10 personas necesitadas tiene acceso a
productos de asistencia.
[2]http://www.who.int/disabilities/world_report/2011/es/https://ww
w.who.int/news-room/fact-sheets/detail/assistive-technology
Hechos clave ( Assistive technology ) OMS

44. Las personas que más necesitan tecnología de asistencia incluyen:
● Gente con discapacidades
● Personas mayores
● Personas con enfermedades no transmisibles como diabetes y derrame
cerebral
● Personas con problemas de salud mental, incluyendo demencia y autismo.
● Personas con deterioro funcional gradual.
[2]http://www.who.int/disabilities/world_report/2011/es/https://ww
w.who.int/news-room/fact-sheets/detail/assistive-technology
Personas beneficiadas ( Assistive technology )

45. Testimonios

46. EVALUANDO LA ACCESIBILIDAD

47. Evaluación
accesibilidad web
● Al desarrollar o rediseñar un sitio web o una aplicación web, evalúe la
accesibilidad desde el principio y durante todo el proceso de desarrollo
para identificar los problemas de accesibilidad lo antes posible, cuando
es más fácil resolverlos.
● Existen herramientas que ayudan con la evaluación. Sin embargo,
ninguna herramienta por sí sola puede determinar si un sitio cumple
con los estándares de accesibilidad. Se requieren buenos conocimientos
para determinar si un sitio es accesible.

48. Existen herramientas que
ayudan con la evaluación. Sin
embargo, ninguna herramienta
por sí sola puede determinar si
un sitio cumple con los
estándares de accesibilidad.
Se requieren buenos
conocimientos para determinar
si un sitio es accesible.
Evaluación
accesibilidad web

49. Herramientas
Las herramientas de evaluación de la accesibilidad web son programas de
software o servicios en línea que ayudan a determinar si el contenido web
cumple con los estándares de accesibilidad.

50. Herramientas
Chromevox: http://www.chromevox.com/
Jaws: https://www.freedomscientific.com/products/software/jaws/
NVDA: https://www.nvaccess.org/
Herramientas de Windows:
https://www.microsoft.com/en-us/accessibility/windows

51. La evaluación conformidad determina el grado en que las páginas o las
aplicaciones web cumplen los estándares de accesibilidad.
Evaluación de conformidad
La “Metodología de evaluación de la
conformidad de la accesibilidad de
sitios web” (WCAG-EM) del W3C es
un acercamiento para determinar la
conformidad con las Pautas de
Accesibilidad al Contenido Web
(WCAG).

52. Informes Personas Estándares
Comunique los resultados
de la evaluación
claramente, incluyendo el
ámbito de aplicación.
La participación de las
personas con las
habilidades adecuadas
hace que sus evaluaciones
de accesibilidad sean más
eficaces.
Proporciona orientación
sobre la inclusión de las
personas con discapacidad
(“usuarios”) en la
evaluación durante el
desarrollo del proyecto.
La descripción general de
las normas de evaluación
(en Inglés) introduce las
especificaciones para
redactar pruebas de
accesibilidad (formato de
reglas ACT) y mostrar los
resultados de las mismas
(EARL).
Formas de evaluación

53. ¡MUCHAS GRACIAS!