SlideShare una empresa de Scribd logo
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 finalizar
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
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 4
01
La Brecha Digital
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 5
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
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 6
Causas de la Brecha Digital
• Limitaciones geográficas en la disponibilidad
• Aspectos de género
• Edad
• Diferencias socio-económicas
• Diversidad funcional
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 7
02
Diversidad Funcional
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 8
(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
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 9
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.
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 10
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
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 11
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
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 13
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
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 15
03
People First Language
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 16
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".
People First Language
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 17
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
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 18
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
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 19
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
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 20
04
Usabilidad y accesibilidad
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 21
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
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 22
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
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 23
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.
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 24
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.
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 25
Usabilidad Accesibilidad
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 26
Usabilidad Accesibilidad
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 27
05
Tecnologías de la Información
y la Comunicación (TIC)
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 28
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)
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 29
Las TIC permiten acceder desde
cualquier sitio y en cualquier
momento a derechos básicos de
la ciudadanía
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 30
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.
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 31
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…
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 32
06
Interfaz de usuario
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 33
Interfaz de usuario
Es la parte del sistema que permite que una persona
se comunique con él.
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 34
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).
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 35
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 36
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 37
Óptacon
Nace en 1970 y permitía a
una persona con ceguera
leer la información de una
pantalla o un libro
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 38
Xerox Alto
En 1973 nace el primer
ordenador que incluyó la
primera interfaz gráfica
de usuario y con ella el
paradigma WIMP
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 39
WIMP
• Windows
• Icons
• Menus
• Pointer
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 40
Aparece tecnología
de interacción
innovadora
Hay que inventar
una solución
accesible
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 41
07
Casos reales
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 42
Casos reales (Terreno off-line)
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 43
Casos reales (Terreno off-line)
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 44
Casos reales (Terreno off-line)
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 45
Casos reales (Terreno off-line)
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 46
Casos reales (Terreno off-line)
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 47
Casos reales (Terreno digital) - Captchas
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 48
Casos reales (Terreno digital) - Twitter vs Easy Chirp
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 49
Casos reales (Terreno digital) - Marca
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 50
08
Trabajo en equipo
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 51
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.
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 52
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.
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 53
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
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 54
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.
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 55
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
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 56
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
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 57
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
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 58
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…)
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 59
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.
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 60
09
Recomendaciones en el
diseño accesible
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 61
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
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 62
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
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 63
Diseñando para
personas con
diversidad
funcional auditiva
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
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
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 64
Diseñando para
personas con
dislexia
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
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
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 65
Diseñando para
personas con
diversidad
funcional visual
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
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
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 66
Diseñando para
personas con
capacidades
motoras o físicas
diversas
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
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
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 67
Diseñando para
personas que
utilizan lectores de
pantalla
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
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
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 68
10
Equipos más inclusivos
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 69
Equipos más inclusivos
Contar con una plantilla de mayor diversidad humana
enriquece los recursos y la visión global de la compañía.
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 70
Equipos más inclusivos
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 influencia en la empresa
Un RIESGO
No compensa su contratación
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 71
Citas célebres
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 72
“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
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 73
“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
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 74
“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
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 75
“Están haciendo muchos trabajos para ellos en
invernaderos, viveros, jardinería…"
Citas célebres
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 76
“Seguro que hay mucho trabajo en cadena o
mecánico, pero no de cara al público"
Citas célebres
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 77
“La ley obliga, pero no cambia la manera
de pensar”
Citas célebres
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 78
• Las empresas que han contratado a personas
con diversidad funcional tienen una opinión
más positiva de su rendimiento laboral.
Equipos más inclusivos
• 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.
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 79
11
Facebook AAT
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 80
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
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 81
12
Para finalizar
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 82
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.
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 83
“A veces, basta con que alguien cambie solo un
poquito, para que cambie el mundo entero”
- Julián Quintanilla
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 84
13
Recursos y bibliografía
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 85
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
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 86
• 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 Classification 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)
Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 87
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

Más contenido relacionado

La actualidad más candente

Informaciónn accesible. Personas ciegas..
Informaciónn accesible. Personas ciegas..Informaciónn accesible. Personas ciegas..
Informaciónn accesible. Personas ciegas..
José María
 
6 Aa Cb
6 Aa Cb6 Aa Cb
6 Aa Cb
mposala
 
Inclusion social
Inclusion socialInclusion social
Inclusion social
suearanda
 
Accesibilidad digital
Accesibilidad digitalAccesibilidad digital
Accesibilidad digital
DCU_MPIUA
 
Accesibilidad cultural. Personas con discapacidad.
Accesibilidad cultural. Personas con discapacidad.Accesibilidad cultural. Personas con discapacidad.
Accesibilidad cultural. Personas con discapacidad.
José María
 
2009 06 25 Workshop Científico INREDIS_Lineas de Investigación INREDIS
2009 06 25 Workshop Científico INREDIS_Lineas de Investigación INREDIS2009 06 25 Workshop Científico INREDIS_Lineas de Investigación INREDIS
2009 06 25 Workshop Científico INREDIS_Lineas de Investigación INREDIS
INREDIS research project, led by Technosite
 
Presentation at UPPue, 22/10/2018
Presentation at UPPue, 22/10/2018Presentation at UPPue, 22/10/2018
Presentation at UPPue, 22/10/2018
Soraia Prietch
 

La actualidad más candente (7)

Informaciónn accesible. Personas ciegas..
Informaciónn accesible. Personas ciegas..Informaciónn accesible. Personas ciegas..
Informaciónn accesible. Personas ciegas..
 
6 Aa Cb
6 Aa Cb6 Aa Cb
6 Aa Cb
 
Inclusion social
Inclusion socialInclusion social
Inclusion social
 
Accesibilidad digital
Accesibilidad digitalAccesibilidad digital
Accesibilidad digital
 
Accesibilidad cultural. Personas con discapacidad.
Accesibilidad cultural. Personas con discapacidad.Accesibilidad cultural. Personas con discapacidad.
Accesibilidad cultural. Personas con discapacidad.
 
2009 06 25 Workshop Científico INREDIS_Lineas de Investigación INREDIS
2009 06 25 Workshop Científico INREDIS_Lineas de Investigación INREDIS2009 06 25 Workshop Científico INREDIS_Lineas de Investigación INREDIS
2009 06 25 Workshop Científico INREDIS_Lineas de Investigación INREDIS
 
Presentation at UPPue, 22/10/2018
Presentation at UPPue, 22/10/2018Presentation at UPPue, 22/10/2018
Presentation at UPPue, 22/10/2018
 

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

Seminario de Rediseño de Productos 2 EAFIT
Seminario de Rediseño de Productos 2 EAFITSeminario de Rediseño de Productos 2 EAFIT
Seminario de Rediseño de Productos 2 EAFIT
Tecnologiaseafit
 
Introducción a las TIC
Introducción a las TICIntroducción a las TIC
Introducción a las TIC
AISABRITOMARTINEZ
 
PresentacióN Jaisiel Taller Uoc 19 05 2009
PresentacióN Jaisiel Taller Uoc 19 05 2009PresentacióN Jaisiel Taller Uoc 19 05 2009
PresentacióN Jaisiel Taller Uoc 19 05 2009
INREDIS research project, led by Technosite
 
09 tc udd - being digital
09 tc udd - being digital09 tc udd - being digital
09 tc udd - being digital
Marcelo Luis Barbosa dos Santos
 
Tic Tv PúBlica Cosette Castro
Tic  Tv PúBlica  Cosette CastroTic  Tv PúBlica  Cosette Castro
Tic Tv PúBlica Cosette Castro
CIESPAL
 
Clase 02 cambio de paradigmas
Clase 02   cambio de paradigmasClase 02   cambio de paradigmas
Clase 02 cambio de paradigmas
Marcelo Luis Barbosa dos Santos
 
Usabilidad y Accesibilidad
Usabilidad y AccesibilidadUsabilidad y Accesibilidad
Usabilidad y Accesibilidad
Renzo Davila
 
Clase 02 cambio de paradigmas
Clase 02   cambio de paradigmasClase 02   cambio de paradigmas
Clase 02 cambio de paradigmas
Marcelo Luis Barbosa dos Santos
 
Diseño Web Inclusivo - La comunicación con estilo
Diseño Web Inclusivo - La comunicación con estiloDiseño Web Inclusivo - La comunicación con estilo
Diseño Web Inclusivo - La comunicación con estilo
Maria Dolores Garcia Fernandez
 
Abrazo, integra tv 4all @ eweek2004 (final)
Abrazo, integra tv 4all @ eweek2004 (final)Abrazo, integra tv 4all @ eweek2004 (final)
Abrazo, integra tv 4all @ eweek2004 (final)
Luigi Ceccaroni
 
Congreso FOSSCHIX - Software y Cultura libre Erika Pulido
Congreso FOSSCHIX - Software y Cultura libre  Erika PulidoCongreso FOSSCHIX - Software y Cultura libre  Erika Pulido
Congreso FOSSCHIX - Software y Cultura libre Erika Pulido
Erika Pulido
 
Las tic en el aula inclusiva
Las tic en el aula inclusivaLas tic en el aula inclusiva
Las tic en el aula inclusiva
AlejandroTerneroAnay
 
La comunicación
La comunicación La comunicación
La comunicación
Alfredo Capellán
 
La comunicación como flujo
La comunicación como flujoLa comunicación como flujo
La comunicación como flujo
Alfredo Capellán
 
La comunicación como flujo
La comunicación como flujoLa comunicación como flujo
La comunicación como flujo
Alfredo Capellán
 
Tecnologías de la información y la communicacion
Tecnologías de la información y la communicacionTecnologías de la información y la communicacion
Tecnologías de la información y la communicacion
Carlos Macalopu Sandoval
 
Las tic andrea
Las tic andreaLas tic andrea
Las tic andrea
andreasm31
 
2009 11 12 Ti Cs Al Servicio De La Sociedad Accesibilidad 3 G
2009 11 12 Ti Cs Al Servicio De La Sociedad   Accesibilidad 3 G2009 11 12 Ti Cs Al Servicio De La Sociedad   Accesibilidad 3 G
2009 11 12 Ti Cs Al Servicio De La Sociedad Accesibilidad 3 G
INREDIS research project, led by Technosite
 
TIC
TICTIC
Las tecnologías de avanzada
Las tecnologías de avanzadaLas tecnologías de avanzada
Las tecnologías de avanzada
lruder
 

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

Seminario de Rediseño de Productos 2 EAFIT
Seminario de Rediseño de Productos 2 EAFITSeminario de Rediseño de Productos 2 EAFIT
Seminario de Rediseño de Productos 2 EAFIT
 
Introducción a las TIC
Introducción a las TICIntroducción a las TIC
Introducción a las TIC
 
PresentacióN Jaisiel Taller Uoc 19 05 2009
PresentacióN Jaisiel Taller Uoc 19 05 2009PresentacióN Jaisiel Taller Uoc 19 05 2009
PresentacióN Jaisiel Taller Uoc 19 05 2009
 
09 tc udd - being digital
09 tc udd - being digital09 tc udd - being digital
09 tc udd - being digital
 
Tic Tv PúBlica Cosette Castro
Tic  Tv PúBlica  Cosette CastroTic  Tv PúBlica  Cosette Castro
Tic Tv PúBlica Cosette Castro
 
Clase 02 cambio de paradigmas
Clase 02   cambio de paradigmasClase 02   cambio de paradigmas
Clase 02 cambio de paradigmas
 
Usabilidad y Accesibilidad
Usabilidad y AccesibilidadUsabilidad y Accesibilidad
Usabilidad y Accesibilidad
 
Clase 02 cambio de paradigmas
Clase 02   cambio de paradigmasClase 02   cambio de paradigmas
Clase 02 cambio de paradigmas
 
Diseño Web Inclusivo - La comunicación con estilo
Diseño Web Inclusivo - La comunicación con estiloDiseño Web Inclusivo - La comunicación con estilo
Diseño Web Inclusivo - La comunicación con estilo
 
Abrazo, integra tv 4all @ eweek2004 (final)
Abrazo, integra tv 4all @ eweek2004 (final)Abrazo, integra tv 4all @ eweek2004 (final)
Abrazo, integra tv 4all @ eweek2004 (final)
 
Congreso FOSSCHIX - Software y Cultura libre Erika Pulido
Congreso FOSSCHIX - Software y Cultura libre  Erika PulidoCongreso FOSSCHIX - Software y Cultura libre  Erika Pulido
Congreso FOSSCHIX - Software y Cultura libre Erika Pulido
 
Las tic en el aula inclusiva
Las tic en el aula inclusivaLas tic en el aula inclusiva
Las tic en el aula inclusiva
 
La comunicación
La comunicación La comunicación
La comunicación
 
La comunicación como flujo
La comunicación como flujoLa comunicación como flujo
La comunicación como flujo
 
La comunicación como flujo
La comunicación como flujoLa comunicación como flujo
La comunicación como flujo
 
Tecnologías de la información y la communicacion
Tecnologías de la información y la communicacionTecnologías de la información y la communicacion
Tecnologías de la información y la communicacion
 
Las tic andrea
Las tic andreaLas tic andrea
Las tic andrea
 
2009 11 12 Ti Cs Al Servicio De La Sociedad Accesibilidad 3 G
2009 11 12 Ti Cs Al Servicio De La Sociedad   Accesibilidad 3 G2009 11 12 Ti Cs Al Servicio De La Sociedad   Accesibilidad 3 G
2009 11 12 Ti Cs Al Servicio De La Sociedad Accesibilidad 3 G
 
TIC
TICTIC
TIC
 
Las tecnologías de avanzada
Las tecnologías de avanzadaLas tecnologías de avanzada
Las tecnologías de avanzada
 

Más de Flat 101

SEO en e-commerce 2020: estrategia user-centric
SEO en e-commerce 2020: estrategia user-centricSEO en e-commerce 2020: estrategia user-centric
SEO en e-commerce 2020: estrategia user-centric
Flat 101
 
Personalización En E-commerce Con Adobe Target
Personalización En E-commerce Con Adobe TargetPersonalización En E-commerce Con Adobe Target
Personalización En E-commerce Con Adobe Target
Flat 101
 
Machine Learning Para Definir Clusters De Usuarios Y Acciones Concretas. Medi...
Machine Learning Para Definir Clusters De Usuarios Y Acciones Concretas. Medi...Machine Learning Para Definir Clusters De Usuarios Y Acciones Concretas. Medi...
Machine Learning Para Definir Clusters De Usuarios Y Acciones Concretas. Medi...
Flat 101
 
Diferencias Y Similitudes Entre Google Analytics Y Adobe Analytics
Diferencias Y Similitudes Entre Google Analytics Y Adobe AnalyticsDiferencias Y Similitudes Entre Google Analytics Y Adobe Analytics
Diferencias Y Similitudes Entre Google Analytics Y Adobe Analytics
Flat 101
 
DATASTUDIO Vitaminado
DATASTUDIO VitaminadoDATASTUDIO Vitaminado
DATASTUDIO Vitaminado
Flat 101
 
El motor de la personalización: Dynamic Yield
El motor de la personalización: Dynamic YieldEl motor de la personalización: Dynamic Yield
El motor de la personalización: Dynamic Yield
Flat 101
 
Prototipar en papel: Mi mejor herramienta para diseñar interfaces complejas e...
Prototipar en papel: Mi mejor herramienta para diseñar interfaces complejas e...Prototipar en papel: Mi mejor herramienta para diseñar interfaces complejas e...
Prototipar en papel: Mi mejor herramienta para diseñar interfaces complejas e...
Flat 101
 
Publicidad personalizada, ¿eres consciente?
Publicidad personalizada, ¿eres consciente?Publicidad personalizada, ¿eres consciente?
Publicidad personalizada, ¿eres consciente?
Flat 101
 
Sketch Tips & Tricks que optimizan la creatividad
Sketch Tips & Tricks que optimizan la creatividadSketch Tips & Tricks que optimizan la creatividad
Sketch Tips & Tricks que optimizan la creatividad
Flat 101
 
El futuro de las tecnologías frontend y su impacto en la conversión
WebAssembly
El futuro de las tecnologías frontend y su impacto en la conversión
WebAssemblyEl futuro de las tecnologías frontend y su impacto en la conversión
WebAssembly
El futuro de las tecnologías frontend y su impacto en la conversión
WebAssembly
Flat 101
 
Guideline técnico para implementar un A/B Test
Guideline técnico para implementar un A/B TestGuideline técnico para implementar un A/B Test
Guideline técnico para implementar un A/B Test
Flat 101
 
UX para mayores de 60 años
UX para mayores de 60 añosUX para mayores de 60 años
UX para mayores de 60 años
Flat 101
 
SEO Manager: guía de Supervivencia
SEO Manager: guía de SupervivenciaSEO Manager: guía de Supervivencia
SEO Manager: guía de Supervivencia
Flat 101
 
DAT-ART: Diseño de dashboards visualmente atractivos
DAT-ART: Diseño de dashboards visualmente atractivosDAT-ART: Diseño de dashboards visualmente atractivos
DAT-ART: Diseño de dashboards visualmente atractivos
Flat 101
 
Gestión De CRO En Moda
Gestión De CRO En ModaGestión De CRO En Moda
Gestión De CRO En Moda
Flat 101
 

Más de Flat 101 (15)

SEO en e-commerce 2020: estrategia user-centric
SEO en e-commerce 2020: estrategia user-centricSEO en e-commerce 2020: estrategia user-centric
SEO en e-commerce 2020: estrategia user-centric
 
Personalización En E-commerce Con Adobe Target
Personalización En E-commerce Con Adobe TargetPersonalización En E-commerce Con Adobe Target
Personalización En E-commerce Con Adobe Target
 
Machine Learning Para Definir Clusters De Usuarios Y Acciones Concretas. Medi...
Machine Learning Para Definir Clusters De Usuarios Y Acciones Concretas. Medi...Machine Learning Para Definir Clusters De Usuarios Y Acciones Concretas. Medi...
Machine Learning Para Definir Clusters De Usuarios Y Acciones Concretas. Medi...
 
Diferencias Y Similitudes Entre Google Analytics Y Adobe Analytics
Diferencias Y Similitudes Entre Google Analytics Y Adobe AnalyticsDiferencias Y Similitudes Entre Google Analytics Y Adobe Analytics
Diferencias Y Similitudes Entre Google Analytics Y Adobe Analytics
 
DATASTUDIO Vitaminado
DATASTUDIO VitaminadoDATASTUDIO Vitaminado
DATASTUDIO Vitaminado
 
El motor de la personalización: Dynamic Yield
El motor de la personalización: Dynamic YieldEl motor de la personalización: Dynamic Yield
El motor de la personalización: Dynamic Yield
 
Prototipar en papel: Mi mejor herramienta para diseñar interfaces complejas e...
Prototipar en papel: Mi mejor herramienta para diseñar interfaces complejas e...Prototipar en papel: Mi mejor herramienta para diseñar interfaces complejas e...
Prototipar en papel: Mi mejor herramienta para diseñar interfaces complejas e...
 
Publicidad personalizada, ¿eres consciente?
Publicidad personalizada, ¿eres consciente?Publicidad personalizada, ¿eres consciente?
Publicidad personalizada, ¿eres consciente?
 
Sketch Tips & Tricks que optimizan la creatividad
Sketch Tips & Tricks que optimizan la creatividadSketch Tips & Tricks que optimizan la creatividad
Sketch Tips & Tricks que optimizan la creatividad
 
El futuro de las tecnologías frontend y su impacto en la conversión
WebAssembly
El futuro de las tecnologías frontend y su impacto en la conversión
WebAssemblyEl futuro de las tecnologías frontend y su impacto en la conversión
WebAssembly
El futuro de las tecnologías frontend y su impacto en la conversión
WebAssembly
 
Guideline técnico para implementar un A/B Test
Guideline técnico para implementar un A/B TestGuideline técnico para implementar un A/B Test
Guideline técnico para implementar un A/B Test
 
UX para mayores de 60 años
UX para mayores de 60 añosUX para mayores de 60 años
UX para mayores de 60 años
 
SEO Manager: guía de Supervivencia
SEO Manager: guía de SupervivenciaSEO Manager: guía de Supervivencia
SEO Manager: guía de Supervivencia
 
DAT-ART: Diseño de dashboards visualmente atractivos
DAT-ART: Diseño de dashboards visualmente atractivosDAT-ART: Diseño de dashboards visualmente atractivos
DAT-ART: Diseño de dashboards visualmente atractivos
 
Gestión De CRO En Moda
Gestión De CRO En ModaGestión De CRO En Moda
Gestión De CRO En Moda
 

Último

Copia de LaHoja_20240527_200357_0000.pptx
Copia de LaHoja_20240527_200357_0000.pptxCopia de LaHoja_20240527_200357_0000.pptx
Copia de LaHoja_20240527_200357_0000.pptx
jcoloniapu
 
LA NUBE YULIANA GABRIELA CORI NINARAQUE.pdf
LA NUBE YULIANA GABRIELA CORI NINARAQUE.pdfLA NUBE YULIANA GABRIELA CORI NINARAQUE.pdf
LA NUBE YULIANA GABRIELA CORI NINARAQUE.pdf
YulianaCori
 
Encuentra ese factor X que te haga mejorar como SEO #SOB24
Encuentra ese factor X que te haga mejorar como SEO  #SOB24Encuentra ese factor X que te haga mejorar como SEO  #SOB24
Encuentra ese factor X que te haga mejorar como SEO #SOB24
MJ Cachón Yáñez
 
Documento A4 formas curvas Hoja de papel multicolor_20240615_213856_0000.pdf
Documento A4 formas curvas Hoja de papel multicolor_20240615_213856_0000.pdfDocumento A4 formas curvas Hoja de papel multicolor_20240615_213856_0000.pdf
Documento A4 formas curvas Hoja de papel multicolor_20240615_213856_0000.pdf
sthefannydelgado765
 
Unidad IV Funciones de la Evaluacion UNICARIBE
Unidad IV Funciones de la Evaluacion UNICARIBEUnidad IV Funciones de la Evaluacion UNICARIBE
Unidad IV Funciones de la Evaluacion UNICARIBE
daniellopez200031
 
Oruam, el pequeño y el gran carismatico mago
Oruam, el pequeño y el gran carismatico magoOruam, el pequeño y el gran carismatico mago
Oruam, el pequeño y el gran carismatico mago
ChichipeSevillaJhost
 
Sesión N°10 / Monografía sobre la inteligencia artifical
Sesión N°10 / Monografía sobre la inteligencia artificalSesión N°10 / Monografía sobre la inteligencia artifical
Sesión N°10 / Monografía sobre la inteligencia artifical
Angeles del Rosario Escobar Mendoza
 
USOS_Y_TIPOS_DE_APLICACIONES_MOVILES_removed.pdf
USOS_Y_TIPOS_DE_APLICACIONES_MOVILES_removed.pdfUSOS_Y_TIPOS_DE_APLICACIONES_MOVILES_removed.pdf
USOS_Y_TIPOS_DE_APLICACIONES_MOVILES_removed.pdf
politamazznaa
 
El uso de las tics en la vida cotidiana y en otros hábitos
El uso de las tics en la vida cotidiana y en otros  hábitosEl uso de las tics en la vida cotidiana y en otros  hábitos
El uso de las tics en la vida cotidiana y en otros hábitos
241560435
 
importancia de la organizacion moderna jjj
importancia de la organizacion moderna jjjimportancia de la organizacion moderna jjj
importancia de la organizacion moderna jjj
gallegoscarneronelso
 
MONOGRAFRIA GOOGLE (grupo 1ro de google).pdf
MONOGRAFRIA GOOGLE (grupo 1ro de google).pdfMONOGRAFRIA GOOGLE (grupo 1ro de google).pdf
MONOGRAFRIA GOOGLE (grupo 1ro de google).pdf
darilpisco021
 
APLICACIONES EN INTERNET-GOOGLE4 XD.docx
APLICACIONES EN INTERNET-GOOGLE4 XD.docxAPLICACIONES EN INTERNET-GOOGLE4 XD.docx
APLICACIONES EN INTERNET-GOOGLE4 XD.docx
jordanovillacorta09
 
Actividad integradora 6 curso multimedia
Actividad integradora 6 curso multimediaActividad integradora 6 curso multimedia
Actividad integradora 6 curso multimedia
AliiIxh
 
ESTUDIANTES BENEFICIARIOS que se suman a los beneficios de la universidad
ESTUDIANTES BENEFICIARIOS que se suman a los beneficios de la universidadESTUDIANTES BENEFICIARIOS que se suman a los beneficios de la universidad
ESTUDIANTES BENEFICIARIOS que se suman a los beneficios de la universidad
jorgejhonatanaltamir1
 
Encuentra ese factor X que te haga mejorar como SEO #SOB24
Encuentra ese factor X que te haga mejorar como SEO  #SOB24Encuentra ese factor X que te haga mejorar como SEO  #SOB24
Encuentra ese factor X que te haga mejorar como SEO #SOB24
ssuser82c1d6
 
APLICACIONES DE INTERNET-INFORMATICA.pptx
APLICACIONES DE INTERNET-INFORMATICA.pptxAPLICACIONES DE INTERNET-INFORMATICA.pptx
APLICACIONES DE INTERNET-INFORMATICA.pptx
cpadua713
 
TRABAJO APLICACIONES EN INTERNET - Ana cruz tone.pdf
TRABAJO APLICACIONES EN INTERNET - Ana cruz tone.pdfTRABAJO APLICACIONES EN INTERNET - Ana cruz tone.pdf
TRABAJO APLICACIONES EN INTERNET - Ana cruz tone.pdf
anacruztone06
 
COMO EVOLUCIONO LAS WEB EN PLENO 2024.docx
COMO EVOLUCIONO LAS WEB EN PLENO 2024.docxCOMO EVOLUCIONO LAS WEB EN PLENO 2024.docx
COMO EVOLUCIONO LAS WEB EN PLENO 2024.docx
Jean Apellidos
 
SLIDESHARE, qué es, ventajas y desventajas
SLIDESHARE, qué es, ventajas y desventajasSLIDESHARE, qué es, ventajas y desventajas
SLIDESHARE, qué es, ventajas y desventajas
ruthechepurizaca
 
extraccion-de-alcaloides-de-la-planta-de-coca.pdf
extraccion-de-alcaloides-de-la-planta-de-coca.pdfextraccion-de-alcaloides-de-la-planta-de-coca.pdf
extraccion-de-alcaloides-de-la-planta-de-coca.pdf
JENNYMARITZAHUILLCAR
 

Último (20)

Copia de LaHoja_20240527_200357_0000.pptx
Copia de LaHoja_20240527_200357_0000.pptxCopia de LaHoja_20240527_200357_0000.pptx
Copia de LaHoja_20240527_200357_0000.pptx
 
LA NUBE YULIANA GABRIELA CORI NINARAQUE.pdf
LA NUBE YULIANA GABRIELA CORI NINARAQUE.pdfLA NUBE YULIANA GABRIELA CORI NINARAQUE.pdf
LA NUBE YULIANA GABRIELA CORI NINARAQUE.pdf
 
Encuentra ese factor X que te haga mejorar como SEO #SOB24
Encuentra ese factor X que te haga mejorar como SEO  #SOB24Encuentra ese factor X que te haga mejorar como SEO  #SOB24
Encuentra ese factor X que te haga mejorar como SEO #SOB24
 
Documento A4 formas curvas Hoja de papel multicolor_20240615_213856_0000.pdf
Documento A4 formas curvas Hoja de papel multicolor_20240615_213856_0000.pdfDocumento A4 formas curvas Hoja de papel multicolor_20240615_213856_0000.pdf
Documento A4 formas curvas Hoja de papel multicolor_20240615_213856_0000.pdf
 
Unidad IV Funciones de la Evaluacion UNICARIBE
Unidad IV Funciones de la Evaluacion UNICARIBEUnidad IV Funciones de la Evaluacion UNICARIBE
Unidad IV Funciones de la Evaluacion UNICARIBE
 
Oruam, el pequeño y el gran carismatico mago
Oruam, el pequeño y el gran carismatico magoOruam, el pequeño y el gran carismatico mago
Oruam, el pequeño y el gran carismatico mago
 
Sesión N°10 / Monografía sobre la inteligencia artifical
Sesión N°10 / Monografía sobre la inteligencia artificalSesión N°10 / Monografía sobre la inteligencia artifical
Sesión N°10 / Monografía sobre la inteligencia artifical
 
USOS_Y_TIPOS_DE_APLICACIONES_MOVILES_removed.pdf
USOS_Y_TIPOS_DE_APLICACIONES_MOVILES_removed.pdfUSOS_Y_TIPOS_DE_APLICACIONES_MOVILES_removed.pdf
USOS_Y_TIPOS_DE_APLICACIONES_MOVILES_removed.pdf
 
El uso de las tics en la vida cotidiana y en otros hábitos
El uso de las tics en la vida cotidiana y en otros  hábitosEl uso de las tics en la vida cotidiana y en otros  hábitos
El uso de las tics en la vida cotidiana y en otros hábitos
 
importancia de la organizacion moderna jjj
importancia de la organizacion moderna jjjimportancia de la organizacion moderna jjj
importancia de la organizacion moderna jjj
 
MONOGRAFRIA GOOGLE (grupo 1ro de google).pdf
MONOGRAFRIA GOOGLE (grupo 1ro de google).pdfMONOGRAFRIA GOOGLE (grupo 1ro de google).pdf
MONOGRAFRIA GOOGLE (grupo 1ro de google).pdf
 
APLICACIONES EN INTERNET-GOOGLE4 XD.docx
APLICACIONES EN INTERNET-GOOGLE4 XD.docxAPLICACIONES EN INTERNET-GOOGLE4 XD.docx
APLICACIONES EN INTERNET-GOOGLE4 XD.docx
 
Actividad integradora 6 curso multimedia
Actividad integradora 6 curso multimediaActividad integradora 6 curso multimedia
Actividad integradora 6 curso multimedia
 
ESTUDIANTES BENEFICIARIOS que se suman a los beneficios de la universidad
ESTUDIANTES BENEFICIARIOS que se suman a los beneficios de la universidadESTUDIANTES BENEFICIARIOS que se suman a los beneficios de la universidad
ESTUDIANTES BENEFICIARIOS que se suman a los beneficios de la universidad
 
Encuentra ese factor X que te haga mejorar como SEO #SOB24
Encuentra ese factor X que te haga mejorar como SEO  #SOB24Encuentra ese factor X que te haga mejorar como SEO  #SOB24
Encuentra ese factor X que te haga mejorar como SEO #SOB24
 
APLICACIONES DE INTERNET-INFORMATICA.pptx
APLICACIONES DE INTERNET-INFORMATICA.pptxAPLICACIONES DE INTERNET-INFORMATICA.pptx
APLICACIONES DE INTERNET-INFORMATICA.pptx
 
TRABAJO APLICACIONES EN INTERNET - Ana cruz tone.pdf
TRABAJO APLICACIONES EN INTERNET - Ana cruz tone.pdfTRABAJO APLICACIONES EN INTERNET - Ana cruz tone.pdf
TRABAJO APLICACIONES EN INTERNET - Ana cruz tone.pdf
 
COMO EVOLUCIONO LAS WEB EN PLENO 2024.docx
COMO EVOLUCIONO LAS WEB EN PLENO 2024.docxCOMO EVOLUCIONO LAS WEB EN PLENO 2024.docx
COMO EVOLUCIONO LAS WEB EN PLENO 2024.docx
 
SLIDESHARE, qué es, ventajas y desventajas
SLIDESHARE, qué es, ventajas y desventajasSLIDESHARE, qué es, ventajas y desventajas
SLIDESHARE, qué es, ventajas y desventajas
 
extraccion-de-alcaloides-de-la-planta-de-coca.pdf
extraccion-de-alcaloides-de-la-planta-de-coca.pdfextraccion-de-alcaloides-de-la-planta-de-coca.pdf
extraccion-de-alcaloides-de-la-planta-de-coca.pdf
 

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

  • 1. Chris Moreno SENIOR UX EN FLAT 101 @soyCHRISMO #Flat101DS @SomosFlat101 info@flat101.es
  • 2. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 22 de abril de 2020 #Flat101DS @SomosFlat101
  • 3. 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 finalizar 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
  • 4. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 4 01 La Brecha Digital
  • 5. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 5 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
  • 6. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 6 Causas de la Brecha Digital • Limitaciones geográficas en la disponibilidad • Aspectos de género • Edad • Diferencias socio-económicas • Diversidad funcional
  • 7. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 7 02 Diversidad Funcional
  • 8. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 8 (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
  • 9. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 9 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.
  • 10. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 10 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
  • 11. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 11 La diversidad funcional es inherente al ser humano. Una misma persona experimenta variación en su capacidad a lo largo de su vida
  • 12. 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
  • 13. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 13 Realmente es la discriminación y no la propia diversidad funcional la que delimita si perteneces o no al colectivo. Pertenencia al colectivo
  • 14. 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
  • 15. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 15 03 People First Language
  • 16. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 16 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". People First Language
  • 17. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 17 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
  • 18. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 18 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
  • 19. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 19 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
  • 20. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 20 04 Usabilidad y accesibilidad
  • 21. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 21 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
  • 22. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 22 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
  • 23. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 23 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.
  • 24. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 24 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.
  • 25. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 25 Usabilidad Accesibilidad
  • 26. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 26 Usabilidad Accesibilidad
  • 27. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 27 05 Tecnologías de la Información y la Comunicación (TIC)
  • 28. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 28 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)
  • 29. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 29 Las TIC permiten acceder desde cualquier sitio y en cualquier momento a derechos básicos de la ciudadanía
  • 30. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 30 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.
  • 31. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 31 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…
  • 32. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 32 06 Interfaz de usuario
  • 33. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 33 Interfaz de usuario Es la parte del sistema que permite que una persona se comunique con él.
  • 34. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 34 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).
  • 35. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 35
  • 36. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 36
  • 37. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 37 Óptacon Nace en 1970 y permitía a una persona con ceguera leer la información de una pantalla o un libro
  • 38. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 38 Xerox Alto En 1973 nace el primer ordenador que incluyó la primera interfaz gráfica de usuario y con ella el paradigma WIMP
  • 39. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 39 WIMP • Windows • Icons • Menus • Pointer
  • 40. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 40 Aparece tecnología de interacción innovadora Hay que inventar una solución accesible
  • 41. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 41 07 Casos reales
  • 42. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 42 Casos reales (Terreno off-line)
  • 43. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 43 Casos reales (Terreno off-line)
  • 44. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 44 Casos reales (Terreno off-line)
  • 45. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 45 Casos reales (Terreno off-line)
  • 46. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 46 Casos reales (Terreno off-line)
  • 47. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 47 Casos reales (Terreno digital) - Captchas
  • 48. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 48 Casos reales (Terreno digital) - Twitter vs Easy Chirp
  • 49. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 49 Casos reales (Terreno digital) - Marca
  • 50. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 50 08 Trabajo en equipo
  • 51. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 51 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.
  • 52. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 52 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.
  • 53. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 53 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
  • 54. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 54 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.
  • 55. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 55 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
  • 56. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 56 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
  • 57. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 57 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
  • 58. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 58 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…)
  • 59. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 59 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.
  • 60. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 60 09 Recomendaciones en el diseño accesible
  • 61. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 61 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
  • 62. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 62 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
  • 63. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 63 Diseñando para personas con diversidad funcional auditiva 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 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
  • 64. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 64 Diseñando para personas con dislexia 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 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
  • 65. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 65 Diseñando para personas con diversidad funcional visual 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 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
  • 66. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 66 Diseñando para personas con capacidades motoras o físicas diversas 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 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
  • 67. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 67 Diseñando para personas que utilizan lectores de pantalla 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 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
  • 68. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 68 10 Equipos más inclusivos
  • 69. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 69 Equipos más inclusivos Contar con una plantilla de mayor diversidad humana enriquece los recursos y la visión global de la compañía.
  • 70. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 70 Equipos más inclusivos 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 influencia en la empresa Un RIESGO No compensa su contratación
  • 71. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 71 Citas célebres
  • 72. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 72 “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
  • 73. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 73 “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
  • 74. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 74 “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
  • 75. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 75 “Están haciendo muchos trabajos para ellos en invernaderos, viveros, jardinería…" Citas célebres
  • 76. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 76 “Seguro que hay mucho trabajo en cadena o mecánico, pero no de cara al público" Citas célebres
  • 77. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 77 “La ley obliga, pero no cambia la manera de pensar” Citas célebres
  • 78. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 78 • Las empresas que han contratado a personas con diversidad funcional tienen una opinión más positiva de su rendimiento laboral. Equipos más inclusivos • 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.
  • 79. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 79 11 Facebook AAT
  • 80. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 80 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
  • 81. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 81 12 Para finalizar
  • 82. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 82 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.
  • 83. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 83 “A veces, basta con que alguien cambie solo un poquito, para que cambie el mundo entero” - Julián Quintanilla
  • 84. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 84 13 Recursos y bibliografía
  • 85. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 85 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
  • 86. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 86 • 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 Classification 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)
  • 87. Diversidad funcional, accesibilidad e inclusión en el diseño de productos digitales 87 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
  • 88. ¡Gracias por la asistencia! #Flat101DS @SomosFlat101