Este documento habla sobre el diseño inclusivo para plataformas digitales. Brevemente describe el marco normativo internacional y chileno sobre los derechos de las personas con discapacidad, incluyendo tratados como la Convención sobre los Derechos de las Personas con Discapacidad de la ONU. También cubre conceptos como la accesibilidad y diseño universal, pautas de accesibilidad web como la WCAG del W3C, y los beneficios que trae hacer sitios web accesibles.

1. Diseño Inclusivo para
plataformas digitales
Consuelo Correa
>>> CURSO
EDUCACIÓN
CONTINUA
2021

2. Módulo 2
Marco normativo, pautas y beneficios

3. Marco normativo
Qué nos dicen los tratados internacionales
y la ley
01

4. —Hito más importante del
modelo social.
Convención sobre los Derechos de las
PcD, 2006, considera a la persona en
primer lugar para poder garantizar su
dignidad, y sitúa la discapacidad en
segundo lugar, como un elemento
generado por la exclusión de la
sociedad.

5. La Convención sobre los Derechos de
las Personas con Discapacidad (CDPD),
representa un avance en el
reconocimiento de las personas con
discapacidad como un colectivo que
necesita protección especial para poder
garantizar el ejercicio de sus derechos.

6. El propósito de la CDPD es el de
“promover, proteger y asegurar el goce
pleno y en condiciones de igualdad de
todos los derechos humanos y
libertades fundamentales por todas las
personas con discapacidad, y
promover el respeto de su dignidad
inherente”.
—Naciones Unidas, 2006

7. La CDPD crea el Comité sobre los
Derechos de las PcD, órgano de
expertos independientes, que
supervisa la aplicación de la
Convención por los Estados que
firmaron y ratificaron el documento.

8. “En cuanto a la cuestión fundamental de la
accesibilidad, la convención requiere que
los países identifiquen y eliminen los
obstáculos y las barreras y aseguren que
las personas con discapacidad puedan
tener acceso a su entorno, al transporte,
las instalaciones y los servicios públicos, y
tecnologías de la información y las
comunicaciones.”
—Artículo 9, Convención Derechos de
Personas con Discapacidad

9. En julio de 2008, Chile firmó y ratificó la
CDPD, por lo que se comprometió a
asegurar y promover el ejercicio de los
derechos y libertades que se incluyen en la
convención.

10. Modelo rehabilitador
La legislación considera políticas
públicas asociadas con la beneficencia y
la sanidad, como la seguridad social,
sistemas asistenciales o aspectos como
la tutela o interdicción.
Considera la discapacidad como un tema
de los derechos humanos y por tanto
obliga a modificar la legislación.
Modelo social

11. Esquema Derecho a la libertad de expresión y opinión y acceso a la información.
Manual de comunicación y discapacidad CEDETi UC

12. Chile en el mundo
Se aprueba el texto de la CDPD
2006
Se ratifica la CDPD y entra en vigor.
Firmado por 192 países.
2008
Informe Mundial PcD
2011
Estudio nacional de discapacidad
2015

13. Ley 18.600
19 de febrero de 1987
Establece normas sobre
deficientes mentales.
(Utiliza conceptos y
definiciones en desuso).

14. Ley 19.284
11 de febrero 2000
Establece normas para la
integración social de las
PcD.

15. Ley 20.183
19 de junio de 2007
Modifica la Ley Nº 18.700,
sobre votaciones y
escrutinios con el objeto de
reconocer el derecho a
asistencia en el acto de
votar para las PcD.

16. Ley 20.422
10 de febrero de 2010
Establece normas sobre
igualdad de oportunidades
de inclusión social de PcD
Conoce la ley aquí

17. Accesibilidad
Universal
Artículo 3, ley 20.422
La condición que deben
cumplir los entornos,
procesos, bienes, productos y
servicios, así como los objetos
o instrumentos, herramientas
y dispositivos, para ser
comprensibles, utilizables y
practicables por todas las
personas en condiciones de
seguridad y comodidad, de la
forma más autónoma y
natural posible.

18. Diseño
Universal
Artículo 3, ley 20.422
La actividad por la que se
conciben o proyectan, desde
el origen, entornos, procesos,
bienes, productos, servicios,
objetos, instrumentos,
dispositivos o herramientas,
de forma que puedan ser
utilizados por todas las
personas o en su mayor
extensión posible.

19. Decreto 32/2011
Ministerio desarrollo social
4 de febrero de 2012
Establece normas para la
aplicación de mecanismos
de comunicación
audiovisual que posibiliten
el acceso a la programación
televisiva para personas con
discapacidad auditiva.

20. Ley 20.609
24 de julio de 2012
Establece medidas en
contra de la discriminación

21. Ley 21.015
15 de junio de 2017
Incentiva la inclusión
laboral de las PcD.

22. Mecanismos de sanción

23. La ley
contempla
mecanismos de
reclamo
y multas
Se puede aplicar una multa de
10 a 120 UTM, la que puede
duplicarse en caso de
reincidencia.
Se puede ordenar la clausura
del establecimiento, cuando
corresponda, si el demandado
no adopta las medidas
ordenadas por el juez o insiste
en el incumplimiento de la
normativa.

24. Suma a todas las empresas
público/privadas que han suscrito
a los ODS y declaran una línea de
trabajo sobre los DDHH
Acción empresas

25. 17 objetivos de desarrollo sostenible

27. Accesibilidad web
¿Qué es la accesibilidad web?
¿Qué necesita una PcD de la web?
02

28. —https://www.w3c.es/Traduccio
nes/es/WAI/intro/accessibility
La accesibilidad web significa que
personas con algún tipo de
discapacidad van a poder hacer uso de
la Web. Permite que las PcD puedan
percibir, entender, navegar e
interactuar con la Web, aportando a su
vez contenidos. [...] También beneficia
a otras personas como los adultos
mayores.

29. Las personas con discapacidad no
quieren asistencia, quieren autonomía.
La web es potencialmente el medio que
puede entregar autonomía a las PcD.

30. Se requieren
diferentes
versiones
01
02
03
04
PcD no navegan
en la web
Un sitio accesible
es feo y con usa
imágenes
Beneficia a
personas ciegas
o sordas
Mitos de la accesibilidad

31. ¿Qué necesita una persona con
discapacidad de la web?

32. Contenido Navegación
Interacción
Autonomía

33. W3C
(Consorcio World Wide
Web)
WAI
(Web Accessibility
Initiative)
WCAG
(Web Content
Accessibility
Guideline)
La W3C es una organización
internacional que trabaja en el
desarrollo de estándares web, y que
recibe el apoyo de los principales
actores de la industria y los gobiernos
del mundo.
La WAI es un grupo de trabajo
permanente al interior de la W3C y
promueve soluciones de accesibilidad
en la web para PcD.
Las pautas de accesibilidad web, es una
de las 5 áreas en que trabaja la WAI.

34. W3C
Se funda la World
Wide Web
Consortium (W3C)
1994
WCAG 1.0
1999
WCAG 2.0
2008
WCAG 2.1
2018
WCAG 2.2
Borrador
2020
Pautas de accesibilidad web

35. Pautas del W3C
Estándares internacionales
de accesibilidad
Consideradas como
estándares internacionales de
accesibilidad web. En muchos
países, la legislación sobre
accesibilidad web emplea las
pautas del W3C como marco
de referencia. Pero no
aseguran la accesibilidad en sí,
son una guía.

36. Áreas de trabajo
de la WAI
No sólo WCAG
Asegurar que las tecnologías
web den soporte a la
accesibilidad
Desarrollar pautas de
accesibilidad
Crear herramientas de
evaluación y corrección de la
accesibilidad web
Desarrollar materiales para la
educación y difusión
Coordinar proyectos de
investigación y desarrollo

37. Estándar ISO
WCAG 2.0
las WCAG 2.0 ya son desde
octubre de 2012 un estándar
ISO a través de la Norma
ISO/IEC 40500

38. 4 principios
12 Pautas
61 Criterios de
conformidad
A, AA, AAA
La WCAG 2.0 se organiza a través de
4 principios, a su vez estos principios
de asocian a pautas (12 en total), y
estas pautas tienen asociados
criterios de conformidad (61 en
total), que se ordenan según el nivel
de cumplimiento.
Simple - A (A): cuando cumple
todos los puntos de verificación de
prioridad 1.
Doble - A (AA): cuando cumple
todos los puntos de verificación de
prioridad 1 y 2.
Triple - A (AAA): cuando cumple
todos los puntos de verificación de
prioridad 1, 2 y 3.

39. 4 principios
13 Pautas
78 Criterios de
conformidad
A, AA, AAA
La WCAG 2.1 se organiza a través de
4 principios, a su vez estos principios
de asocian a pautas (13 en total), y
estas pautas tienen asociados
criterios de conformidad (78 en
total), que se ordenan según el nivel
de cumplimiento.
Simple - A (A): cuando cumple
todos los puntos de verificación de
prioridad 1.
Doble - A (AA): cuando cumple
todos los puntos de verificación de
prioridad 1 y 2.
Triple - A (AAA): cuando cumple
todos los puntos de verificación de
prioridad 1, 2 y 3.

41. Principios

42. Perceptible
01
02
03
04
Comprensible
Operable Robusto
Principios

43. Perceptible
La información y los
componentes de la interfaz
de usuario deben ser
presentados a los usuarios
de modo que ellos puedan
percibirlos.
Pautas
1.1 Alternativas textuales
1.2 Subtítulos y alternativas
para multimedia
1.3 Adaptable
1.4 Distinguible

44. Operable
Los componentes de la
interfaz de usuario y la
navegación deben ser
operables
Pautas
2.1 Accesible por teclado
2.2 Tiempo suficiente
2.3 Convulsiones
2.4 Navegable
2.5 Formas de introducir
información (WCAG 2.1)

45. Comprensible
La información y el manejo
de la interfaz de usuario
deben ser comprensibles.
Pautas
3.1 Fácil de leer y comprender
3.2 Predecible
3.3 Entrada de datos asistida

46. Robusto
El contenido debe ser
suficientemente robusto
como para ser interpretado
de forma fiable por una
amplia variedad de
aplicaciones de usuario,
incluyendo las ayudas
técnicas.
Pautas
4.1 Compatible

47. Ejemplos

48. Captcha no perceptible. Los screen reader por seguridad no pueden leerlos,
son fatales para las personas con discapacidad visual, pero también para
personas disléxicas y digámoslo, para todas las personas.

49. Captcha perceptible. Siempre debemos proporcionar una alternativa para
solucionarlo de otra forma, siempre permitir recuperarse de un posible error.

51. Visión normal
Deuteranopia

52. La solución
Rojo Verde

53. Declaración de
conformidad
Cómo indicar que tu web es
accesible
Fecha de la declaración de
conformidad
Título, versión y URI de las Pautas:
"Web Content Accessibility
Guidelines 2.0 en
http://www.w3.org/TR/WCAG20/"
Nivel de conformidad satisfecho A,
AA, AAA
Lista de URI incluidas en la
declaración de conformidad.
Una lista de tecnologías web
requeridas para que el contenido
de la web sea accesible, se
recomienda el link al software.

54. Normativa de
protección de
datos
03

55. —Ben Parker.
“El hecho de poder vencerlo,
no te da derecho a hacerlo. No
lo olvides, un gran poder
conlleva una gran
responsabilidad.”

56. —El estado de la protección de
datos en Chile, Pablo Viollier
La Ley 19.628 sobre protección de la vida
privada fue publicada el 28 de agosto de
1999 y su propósito es dar una adecuada
protección al derecho a la privacidad de
las personas, en el ámbito del Derecho
Civil, ante eventuales intromisiones
ilegítimas”.

57. Principales
falencias
Ley redactada con ayuda
de interesados
Ausencia de sanciones efectivas.
Falta de regulación del flujo transfronterizo
de datos personales.
Autorización del uso de datos para
marketing directo sin consentimiento del
titular.
Falta de registro de bancos de datos
privados.
Ausencia de una autoridad pública de
control.
Excepciones amplias al consentimiento para
el tratamiento de datos.
Falta de mecanismos procedimentales de
resguardo efectivo.

58. Modificaciones
posteriores
No se pueden informar
deudas
"No podrá comunicarse la información
relacionada con las deudas contraídas con
empresas públicas o privadas que
proporcionen servicios de electricidad,
agua, teléfono y gas", lo siguiente: "tampoco
las deudas contraídas con instituciones de
educación superior de conformidad a las
leyes números 18.591 y 19.287, ni aquellas
adquiridas con bancos o instituciones
financieras de conformidad a la ley Nº
20.027, o en el marco de las líneas de
financiamiento a estudiantes para cursar
estudios en educación superior,
administradas por la Corporación de
Fomento de la Producción, ni alguna deuda
contraída con la finalidad de recibir para sí o
para terceros un servicio educacional formal
en cualquiera de sus niveles."

59. Beneficios
Todo lo que pasa cuando los sitios son
accesibles
04

60. ¿Qué pasa cuando los sitios sí
son accesibles?

61. Mejora la imagen de nuestros
productos y servicios y la
experiencia del cliente
Impulsa la
innovación

62. La responsabilidad social
empresarial, es señal de respeto a
las personas y la ley.
Diferencia de la competencia.
Llegas a un público influyente.
Mejora la reputación
de la marca

63. aumentando su participación en
el mercado. Mejora la usabilidad
para todo tipo de usuarios,
incluyendo adultos mayores.
Disminuye brecha digital.
Impulsa el negocio

64. Optimiza el posicionamiento en
los buscadores y asegura la
usabilidad.
Mejora el estándar

65. Si se concibe desde el origen
obtenemos nuevas formas de uso
natural que facilitan la autonomía.
Nos beneficia a
todos y todas

66. Existe la ley, es cosa de tiempo de
para que exista la multa.
Previene futuras
demandas

67. Garantiza el uso universal
incluyendo todos los idiomas y
culturas.
Videos con subtítulos, etiquetas
con lenguaje, hello Google
translate.
Facilita el acceso al
mercado
internacional

68. Un sitio que responde a los
estándares de la W3C, es más
barato de mantener y actualizar.
Se invierte al principio en test,
pero costea al ahorrar en
procesos.
Permite reutilizar
componentes de
contenido

69. Disminuye brecha digital,
posiciona al sitio en el navegador,
ahorro para la empresa. Check,
check, check.
Gestiona la carga
del servidor y
ancho de banda

70. Ejercicio
Simulemos un screen reader 05

71. Enlace, Apple lista 10 elementos
1 2 3 4 5 6 7 8 9 10
11 12 13
14 15
16
17

72. <img src="" alt="Puma - Rs-X Intl Game Zapatilla
Urbana Mujer">
1
2

74. ¿Qué vamos a hacer?

75. Simular un screen reader
Vamos a dividir el curso en
grupos de 4 o 5 personas.
Una persona del grupo va a
simular ser una persona ciega
que necesita hacer algo en la
web, puede ser una compra,
una consulta, lo que quiera.
El resto del grupo va a simular
ser un screen reader amable,
ustedes quieren que su
usuario logre su objetivo.
Lo primero será que les diga
que sitio web va a visitar y
ustedes orientarán su
búsqueda, en base a lo que
ven.

76. ¿Dudas?
mc.correab@udd.cl