Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales

Chris
Moreno
SENIOR UX EN FLAT 101
@soyCHRISMO
#Flat101DS @SomosFlat101 info@flat101.es

Diversidad funcional, accesibilidad
e inclusión en el diseño de
productos digitales
22 de abril de 2020
#Flat101DS @SomosFlat101

Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 3
Indice:
01
La Brecha Digital
06
Interfaz de usuario
11
Facebook AAT
02
Diversidad Funcional
07
Casos reales
12
Para ﬁnalizar
03
People First Language
08
Trabajo en equipo
13
Recursos y bibliografía
04
Usabilidad y accesibilidad
09
Recomendaciones en el diseño
accesible
05
Tecnologías de la Información y
la Comunicación (TIC)
10
Equipos más inclusivos

01
La Brecha Digital

Se define como “la separación que existe entre las personas que
utilizan las TIC como una parte rutinaria de su vida diaria y
aquellas que no tienen acceso a las mismas, y que aunque lo
tengan no saben o no pueden utilizarlas”.
La Brecha Digital
TIC: Tecnologías de la Información y Comunicación

Causas de la Brecha Digital
• Limitaciones geográficas en la disponibilidad
• Aspectos de género
• Edad
• Diferencias socio-económicas
• Diversidad funcional

02
Diversidad Funcional

(Palacios & Romañach, 2006)
Se refiere a que cada miembro de la sociedad tiene unas
determinadas capacidades, que deben ser gestionadas de
modo que no se produzcan exclusiones o discriminaciones.
Diversidad funcional

Orígenes del término
“diversidad funcional”
• Nació en el Foro de Vida Independiente
y Divertad en enero del 2005.
• “El modelo de la diversidad” de Agustina
Palacios y Javier Romañach es el primer
libro donde se explica dicho término.

Modelos de pensamiento
Existen diferentes modelos de pensamiento,
referentes a la diversidad funcional, que han
ido surgiendo a lo largo de la historia:
• M. de prescindencia
• M. rehabilitador
• M. social
• M. de la diversidad

La diversidad funcional es inherente
al ser humano. Una misma persona
experimenta variación en su
capacidad a lo largo de su vida

12
¿Por qué utilizar el término
diversidad funcional?
• Todos lo términos utilizados hasta el momento han sido y
son peyorativos.
• Seguir utilizando términos como discapacitado refuerza la
minusvaloración y perpetúa dicha discriminación.
• El concepto “diversidad funcional” carece de
connotaciones negativas, es neutro, aséptico, no
valorativo y sobre todo es descriptivo.
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales

Realmente es la discriminación y no la
propia diversidad funcional la que delimita si
perteneces o no al colectivo.
Pertenencia al colectivo

14
Algunos datos
• Más de 1.000 millones de personas en el mundo tienen
diversidad funcional, según la OMS.
• Esta cifra se incrementa cada año debido al aumento de:
• Población
• Esperanza de vida
• Malos hábitos alimenticios
• Consumo de drogas
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales

03

Es una prescripción lingüística que antepone la persona antes
que su capacidad o diferencia, describiendo lo que una persona
"tiene" en lugar de lo que una persona "es".

PFL evita usar etiquetas o adjetivos para
definir a alguien.
La intención es que una persona sea vista en
primer lugar como una persona, y
únicamente en segundo lugar como una
persona con algún atributo.
eopleP irstF anguageL

La diabética
Un alcohólico
Los ciegos
Los discapacitados
La chica con diabetes
Una persona con alcoholismo
Personas que tienen ceguera
Personas con diversidad funcional
Gramaticalmente
Éticamente
Gramaticalmente
Éticamente

Hasta que aprendamos a apreciar el poder del lenguaje y la
importancia de usarlo responsablemente, continuaremos produciendo
consecuencias sociales negativas para aquellos que son
discriminados por hábitos lingüísticos nocivos.
- J. Dan Rothwell

04
Usabilidad y accesibilidad

Se refiere a la efectividad, eficiencia y satisfacción con la que
usuarios específicos pueden abarcar unos objetivos concreto en
un entorno particular.
Norma ISO 9241-11:1998
Usabilidad

Norma ISO/IEC 9126-1: 2001
Usabilidad
Se refiere a la capacidad de un software de ser comprendido,
aprendido, usado y ser atractivo para el usuario, en
condiciones específicas de uso

Accesibilidad
Nordic Guidelines for Computer Accessibility
Conjunto de propiedades que debe incorporar un producto,
servicio o sistema, de forma que el mayor número posible de
personas, y en el mayor número posible de circunstancias,
pueda acceder a él y usarlo.

Accesibilidad
Norma ISO 9241-171:2008
Es la usabilidad de un producto, servicio o entorno, por parte de
diferentes personas, pertenecientes al mayor número posible
de rangos funcionales.

Usabilidad Accesibilidad

05
Tecnologías de la Información
y la Comunicación (TIC)

Salud y servicios
sociales
Banca
Ocio
Educación Administraciones
públicas
Las nuevas TIC, sirven hoy en día
para acceder a un buen número de
servicios que antes solo se ofrecían
cara a cara.
Tecnologías de la Información y
la Comunicación (TIC)

Las TIC permiten acceder desde
cualquier sitio y en cualquier
momento a derechos básicos de
la ciudadanía

La tendencia es que gradualmente
estos servicios dejen de prestarse
presencialmente y se presten a
través de las TIC fundamentalmente.
Y esto pone en riesgo derechos
fundamentales para aquellas
personas que no tienen acceso a
estas tecnologías.

Curiosidad
En EE.UU una niña/o con diversidad funcional
tiene derecho por ley a tener educación
pública gratuita y apropiada.
Tienen un programa de Educación
Individualizado (IEP en inglés) para cada
estudiante, que incluye logopeda, psicólogo,
terapeuta ocupacional, profesores de
educación especial, productos de apoyo,
transporte…

06
Interfaz de usuario

Interfaz de usuario
Es la parte del sistema que permite que una persona
se comunique con él.

Interfaz de usuario
A través de ella:
• Los usuarios introducen comandos en el
sistema para que este se comporte de una
determinada manera (canales de entrada)
• El sistema informa a los usuarios de su
estado y de los cambios de este (canales de
salida).

Óptacon
Nace en 1970 y permitía a
una persona con ceguera
leer la información de una
pantalla o un libro

Xerox Alto
En 1973 nace el primer
ordenador que incluyó la
primera interfaz gráfica
de usuario y con ella el
paradigma WIMP

WIMP
• Windows
• Icons
• Menus
• Pointer

Aparece tecnología
de interacción
innovadora
Hay que inventar
una solución
accesible

07
Casos reales

Casos reales (Terreno off-line)

Casos reales (Terreno digital) - Captchas

Casos reales (Terreno digital) - Twitter vs Easy Chirp

Casos reales (Terreno digital) - Marca

08
Trabajo en equipo

Trabajo en equipo
En la creación de productos y servicios
digitales, todos debemos ir de la mano
al mismo tiempo para producir y
mantener soluciones accesibles.

Diseño
Diseño, junto a Contenidos y Desarrollo:
triángulo principal para que un producto sea
accesible;
Se debe tener en cuenta la accesibilidad desde
la etapa más temprana del producto o servicio.

Contenido
La mayoría de las veces, es la razón principal
por la que una persona puede utilizar nuestro
producto o servicio
• Claro y entendible
• En diferentes idiomas
• Las keywords deben ir al principio en los
listados de enlaces
• Multimedia con subtítulos y descripción

Desarrollo
• Es importante que conozcan el Diseño para
Todos y las herramientas y metodologías que
lo hacen posible.
• El código debe estar bien estructurado y
debe contener toda la información necesaria
para que una persona navegue por la web o
app con un producto de apoyo.

SEO
Un perfil SEO debe ser consciente de que las
acciones que realice no deben comprometer la
accesibilidad de los contenidos. Ej:
• Los textos alt no deben ser un listado de
keywords para reforzar su presencia en la
página
• Tener los Headings correlativos y en orden
para un correcto funcionamiento de los
lectores de pantalla

Analítica
Es importante que el equipo de analítica esté
familiarizado con los principios de
accesibilidad para;
• Entender e interpretar mejor los datos
• Optimizar la web pensando en todos los
usuarios
• Elaborar estrategias más precisas

RRHH
• Escoger la terminología apropiada al hablar
de diversidad funcional para que la persona
entrevistada se sienta cómoda
• Conocer todos los productos de apoyo que
pudiese necesitar un futuro perfil con
diversidad funcional

Negocio
En España, 16 millones de consumidores
experimentaban diariamente barreras en
actividades de consumo durante el 2017.
• Más de 4 millones por diversidad funcional,
según datos del Gobierno.
• 8 millones por ser mayores de 65 años
• 4 millones por presentar cambios
temporales en alguna capacidad (embarazo,
carritos de bebé, maletas, lesiones…)

Negocio
Las barreras de accesibilidad son oportunidades
de negocio.
• Diseñar productos que resuelvan las
necesidades de este mercado supone una
oportunidad de incluir a este colectivo entre
nuestros clientes
• Un producto accesible aumenta la calidad
del mismo, éste eleva la satisfacción de todos
los clientes y estos se convierten en fieles
más fácilmente.

09
Recomendaciones en el
diseño accesible

A continuación veremos qué se debe
hacer y qué no cuando queremos
diseñar de forma accesible.
Estas recomendaciones fueron
publicadas por la “Home Office
Digital, Data and Technology (DDaT)
en el 2016.
Recomendaciones en el
diseño accesible
Xi L
dASe
i
XiL
dASe
i
Xi L
dASe
i

Este trabajo está bajo la licencia Atribución-NoComercial-CompartirIgual 4.0 Internacional.
Para ver una copia de la licencia visite: https://creativecommons.org/licenses/-
by-nc-sa/4.0/deed.es - Versión en español por López Breit Tamara @lopezbreit access@digital.homeoffice.gov.uk
Para más información, contacta:
Sí No
espectro autista
Adjuntar archivos
Haga esto.
Click aquí
utilizar colores
brillantes y
contrastantes
utilizar expresiones
idiomáticas o
regionalismos
crear textos
demasiado largos
hacer botones
vagos e
impredecibles
construir diseños
complejos y
recargados
utilizar colores
simples
escribir en
términos sencillos
utilizar oraciones
simples y viñetas
hacer botones
descriptivos
contruir diseños
simples y
consistentes
Diseñando para
personas del
espectro autista

Diseñando para
personas con
diversidad
funcional auditiva
Sí No
o sordos
CC
Haga esto.
utilizar subtítulos o
proveer
transcripciones
para videos
utilizar un diseño
lógico y lineal
dividir el contenido
con subtítulos,
imágenes y videos
permitir que los
usuarios soliciten
su vía de
comunicación
preferida al
realizar citas
escribir en
términos sencillos
poner contenido
únicamente en
audio o video
realizar diseños y
menús complejos
hacer a los
usuarios leer
largos bloques de
contenido
hacer de la vía
telefónica el único
medio de contacto
para los usuarios
utilizar expresiones
idiomáticas o
regionalismos

Diseñando para
personas con
dislexia
Sí No
NO HAGAS
ESTO
dislexia
utilizar imágenes y
diagramas para
dar soporte al
texto
utilizar bloques
extensos de denso
texto
subrayar palabras,
utilizar itálicas o
escribir en
mayúsculas
alinear texto a la
izquierda y
mantener una
estructura
consistente
producir
materiales en otros
formatos
( por ejemplo,
audio o video)
forzar a usuarios a
recordar cosas de
páginas previas -
dar recordatorios e
indicaciones
basarse en una
ortografía precisa
-utilizar
autocorrector o
dar sugerencias
ubicar demasiada
información en un
lugar
mantener el
contenido breve,
claro y simple
permitir a los
usuarios modificar
el contraste entre
fondo y texto
dislexia
dsile

Diseñando para
personas con
diversidad
funcional visual
Sí No
visión reducida
200% ampliación 200% ampliación
Comenzar
HTML
Aa
Enviar
Enviar
Aa
utilizar un buen
contraste de color
y un tamaño de
tipografía legible
publicar toda la
información en
páginas web
utilizar una
combinación de
color, formas y
texto
mantener una
composición lineal
y lógica
ubicar botones y
notificaciones en
contexto
utilizar contraste
de color pobre y
un tamaño de
tipografía
pequeño
ocultar
información en
descargables
utilizar únicamente
color para asociar
significados
desparramar
contenido por
toda la página
separar acciones
de su contexto

Diseñando para
personas con
capacidades
motoras o físicas
diversas
Sí No
Buscar dirección
Código Postal Dirección
NoSi
Tab
Su sesión
ha finalizado
1
2
3
2a
2b
2c
usar acciones y
enlaces grandes
otorgar distancia a
los campos de los
formularios
diseñar para
operar con el
teclado o el habla
únicamente
diseñar teniendo
en mente los
móviles y las
pantallas táctiles
ofrecer atajos
demandar
precisión
agrupar
interacciones
juntas
realizar contenido
dinámico que
requiera mucho
desplazamiento
del ratón
tener períodos
breves de
expiración de
una tarea
requerir
demasiada
información y
desplazamientos
en pantalla
o físicas distintas

Diseñando para
personas que
utilizan lectores de
pantalla
Sí No
Contáctenos Click aquí
<h1>
<nav>
<label>
Header
36pt, bold
<alt>
pantalla
basarse en el
tamaño del texto y
ubicación para la
estructura
desparramar
contenido por
toda la página
mostrar
información
únicamente en
una imagen o
video
forzar el uso de
mouse o pantalla
redactar vínculos
y títulos poco
informativos
describir
imágenes y
proporcionar
transcripciones
para video
mantener una
composición lineal
y lógica
estructurar
contenido
utilizando HTML5
construir para el
uso de teclado
únicamente
redactar vínculos
y títulos
descriptivos

10

Contar con una plantilla de mayor diversidad humana
enriquece los recursos y la visión global de la compañía.

Las empresas que nunca han contratado a personas con diversidad funcional perciben su
contratación como:
Un GASTO
De tiempo
De esfuerzo/atención
Se desconfía de su rendimiento
Se duda sobre su inﬂuencia en la empresa
Un RIESGO
No compensa su contratación

Citas célebres

“Yo podría aceptar discapacidades pues… a lo mejor de
la parte de abajo, un pie o una pierna o algo de eso”
Citas célebres

“En mi empresa una persona que tenga una
deficiencia en la pierna para la recepción es que me
da igual, o que tenga, yo qué sé, una mano de
aquella manera… Valen perfectamente para el puesto
de trabajo”
Citas célebres

“Minusvalías psíquicas creo que no, porque por el tipo
de trabajo que se hace es casi todo intelectual y el
trato con clientes y no… Yo no veo que tenga cabida”
Citas célebres

“Están haciendo muchos trabajos para ellos en
invernaderos, viveros, jardinería…"
Citas célebres

“Seguro que hay mucho trabajo en cadena o
mecánico, pero no de cara al público"
Citas célebres

“La ley obliga, pero no cambia la manera
de pensar”
Citas célebres

• Las empresas que han contratado a personas
con diversidad funcional tienen una opinión
más positiva de su rendimiento laboral.
• Las personas con diversidad funcional
integradas en el mercado laboral representan,
para las empresas, un ejemplo de superación
y esfuerzo.
• Personas con diversidad funcional tienen
niveles de rendimiento laboral iguales o
superiores a la media.

11
Facebook AAT

En 2016 se lanza Facebook AAT
(Automatic Alternative Text)
Una app en la que se genera de forma
automática una descripción detallada
de cada imagen para las personas que
utilicen lector de pantallas.
Facebook AAT
Vídeo con subtítulos en español disponible aquí:
https://www.youtube.com/watch?v=of5jG2fn0wg

12
Para ﬁnalizar

No se trata de crear una solución
estática que funcione para todo
el mundo, sino de hacer que esa
solución sea flexible.
De esta manera, los navegadores
y productos de apoyo podrán
modificar el diseño y adaptarlo
a las necesidades específicas de
cualquier persona.

“A veces, basta con que alguien cambie solo un
poquito, para que cambie el mundo entero”
- Julián Quintanilla

13
Recursos y bibliografía

Web Content Accessibility Guidelines (WCAG) 2.1:
Pautas de accesibilidad del contenido en la Web del W3C
(World Wide Web Consortium).
Norma EN 301 549:2018, versión 2.1.2, "Requisitos de
accesibilidad para productos y servicios TIC”
Es el estándar que se aplica en las Administraciones Públicas
españolas desde Diciembre del 2018. Alineado con las WCAG
2.1 y por lo tanto introduce todos los cambios incorporados
a esta última.
Usable y accesible - Olga Carreras
Blog de Olga Carreras, consultora freelance de accesibilidad
web y accesibilidad de documentos electrónicos.
Recursos

• Accessibility in government (2016). “Dos and don'ts on designing for accessibility”
Disponible en: Página web
• Casado L. (2013). “Las Barreras De Accesibilidad Son Oportunidades De Marketing”
Disponible en: Página web
• Castaño C. (ed.) (2008). "La Segunda Brecha Digital". Ed., Cátedra
• Consejo de Consumidores y Usuarios, ONCE, Fundación ONCE y CERMI (2013). “Los
Derechos De Los Consumidores Y Usuarios Con Discapacidad” Disponible en:
Página web con el documento en PDF
• Fundación ONCE (2008). "Perspectivas del mundo empresarial, respecto a la
contratación de Personas con discapacidad". Disponible en: PDF de referencia.
• ISO (1998). ISO 9241-11:1998 "Ergonomic requirements for office work with visual
display terminals (VDTs). Part 11: Guidance on usability". Disponible en: Página
web con la referencia ISO 1998.
• ISO (2001). ISO/IEC 9126-1:2001 “Software engineering — Product quality — Part
1: Quality model” Disponible en: Página web con la referencia ISO 2001.
• ISO (2008). ISO 9241-171:2008 "Ergonomics of human-system interaction - Part
171: Guidance on software accessibility". Disponible en: Página web con la
referencia ISO 2008.
• ISO/IEC (2009). ISO/IEC 29138-1:2009 "Information technology - Accessibility
considerations for people with disabilities. Part 1: User needs summary".
Disponible en: Página web con la referencia ISO/IEC 2009
• Ministerio de Sanidad, Consumo y Bienestar Social (2016). “Base Estatal De Datos
De Personas Con Valoración Del Grado De Discapacidad” Disponible en: Página
web con el documento en PDF
• Naciones Unidas (2006). "Convención sobre los derechos de las personas con
discapacidad". Disponible en: PDF de la referencia Naciones Unidas 2006
• Organización Mundial de la Salud (OMS) (1980). "International Classiﬁcation of
Impairments, Disabilities, and Handicaps". Disponible en: PDF de referencia
• Palacios A. & Romañach J. (2006). "El modelo de la diversidad". Ediciones
Diversitas AIES. Disponible en: Página web con el documento en PDF.
Bibliografía (I)

Bibliografía (II)
• Rothwell L. (1982). Telling it Like it Isn't: Language Misuse & Malpractice, what We
Can Do about it. Ed. Prentice Hall
• Thorén C. (ed.) (1998). "Nordic Guidelines for Computer Accessibility". 2nd ed.,
Nordic Cooperation on Disability.
• UNED y Fundación la ONCE (2017). “Interacción Persona-Computador. Diseño para
Todos y Productos de Apoyo” Disponible en: Página web
• Understood for All, Inc. (2019). “What Is and Isn’t Covered Under FAPE”. Disponible
en: Página web con enlace a PDF.
• World Health Organization (2011). “World report on disability” Disponible en:
Página web con el documento en PDF

¡Gracias por la asistencia!
#Flat101DS @SomosFlat101

Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (7)

Similar a Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales

Similar a Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales (20)

Más de Flat 101

Más de Flat 101 (15)

Último

Último (14)

Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales