diseño universal y accesibilidad web
DESCRIPTION
2010 Primer seminario sobre TICs y Discapacidad “Barreras Virtuales = Barreras Reales”. Red Especial Uruguaya. AGESIC. UNIT. Presentación: “Diseño Universal y Accesibilidad Web”TRANSCRIPT
![Page 1: Diseño Universal y Accesibilidad web](https://reader034.vdocuments.site/reader034/viewer/2022042501/557b9f7ad8b42aa5758b538f/html5/thumbnails/1.jpg)
Diseño Universal y
Accesibilidad Web
Primer Seminario TICS y Discapacidad
“Barreras Virtuales = Barreras Reales”
Ing. Silvia Da Rosa
![Page 2: Diseño Universal y Accesibilidad web](https://reader034.vdocuments.site/reader034/viewer/2022042501/557b9f7ad8b42aa5758b538f/html5/thumbnails/2.jpg)
Diseño Universal
![Page 3: Diseño Universal y Accesibilidad web](https://reader034.vdocuments.site/reader034/viewer/2022042501/557b9f7ad8b42aa5758b538f/html5/thumbnails/3.jpg)
Ejemplo de Diseño Universal
![Page 4: Diseño Universal y Accesibilidad web](https://reader034.vdocuments.site/reader034/viewer/2022042501/557b9f7ad8b42aa5758b538f/html5/thumbnails/4.jpg)
Accesibilidad vs Accesibilidad Universal
![Page 5: Diseño Universal y Accesibilidad web](https://reader034.vdocuments.site/reader034/viewer/2022042501/557b9f7ad8b42aa5758b538f/html5/thumbnails/5.jpg)
La Web
Información
Teletrabajo
Educación
Gobierno
Electrónico
Entretenimiento
Comunicación
![Page 6: Diseño Universal y Accesibilidad web](https://reader034.vdocuments.site/reader034/viewer/2022042501/557b9f7ad8b42aa5758b538f/html5/thumbnails/6.jpg)
Primer paso: conocer perfil del público objetivo
Tecnología Dispositivo (pantalla, teclado, mouse)
Banda ancha
Browser
Plugin (flash, etc.)
Javascript
Etc.
Usuario sin ninguna discapacidad
![Page 7: Diseño Universal y Accesibilidad web](https://reader034.vdocuments.site/reader034/viewer/2022042501/557b9f7ad8b42aa5758b538f/html5/thumbnails/7.jpg)
¿Quién más usa la Web?
![Page 8: Diseño Universal y Accesibilidad web](https://reader034.vdocuments.site/reader034/viewer/2022042501/557b9f7ad8b42aa5758b538f/html5/thumbnails/8.jpg)
¿Quién más usa la Web?
![Page 9: Diseño Universal y Accesibilidad web](https://reader034.vdocuments.site/reader034/viewer/2022042501/557b9f7ad8b42aa5758b538f/html5/thumbnails/9.jpg)
“El poder de la Web radica
en su universalidad.
El acceso por parte de todos,
independientemente de su
discapacidad,
es un aspecto esencial”
Tim Berners-Lee, Director del W3C
(World Wide Web Consortium)
![Page 10: Diseño Universal y Accesibilidad web](https://reader034.vdocuments.site/reader034/viewer/2022042501/557b9f7ad8b42aa5758b538f/html5/thumbnails/10.jpg)
Accesibilidad en la Web
La posibilidad que recursos
web (información y servicios)
puedan ser utilizados
de forma satisfactoria por el
mayor número posible de personas,
independientemente de las limitaciones personales
o de limitaciones derivadas de su entorno,
sean éstas de carácter físico, mental, educativo,
familiar o socio-económico.
![Page 11: Diseño Universal y Accesibilidad web](https://reader034.vdocuments.site/reader034/viewer/2022042501/557b9f7ad8b42aa5758b538f/html5/thumbnails/11.jpg)
Limitaciones en el acceso a la Web (1)
Discapacidades Visuales
Ceguera, baja visión, problemas para distinguir colores.
Imagenes sin alternativa textual
Imagenes complejas sin descripcion
Fuentes de texto con medidas absolutas
Falta de contraste en colores
Informacion transmitida con colores
![Page 12: Diseño Universal y Accesibilidad web](https://reader034.vdocuments.site/reader034/viewer/2022042501/557b9f7ad8b42aa5758b538f/html5/thumbnails/12.jpg)
Limitaciones en el acceso a la Web (2)
Discapacidades Auditivas
sordera parcial o total
Falta de alternativas textuales a información sonora
Lenguaje no claro
![Page 13: Diseño Universal y Accesibilidad web](https://reader034.vdocuments.site/reader034/viewer/2022042501/557b9f7ad8b42aa5758b538f/html5/thumbnails/13.jpg)
Limitaciones en el acceso a la Web (3)
Discapacidades Motrices
Dificultad o imposibilidad de mover las manos, temblores o lentitud muscular etc.
Tiempo limitado de espera de respuesta
No soporte de alternativas de teclado
![Page 14: Diseño Universal y Accesibilidad web](https://reader034.vdocuments.site/reader034/viewer/2022042501/557b9f7ad8b42aa5758b538f/html5/thumbnails/14.jpg)
Limitaciones en el acceso a la Web (4)
Discapacidades Cognitivas
Dificultad de aprendizaje (Dislexia) o discapacidades cognitivas que afecten la memoria, la atención, las habilidades lógicas etc.
Limitaciones asociadas con la edad avanzada
Vision, audición, motrices, memoria
Limitaciones Tecnológicas
Tecnología antigua o muy nueva, limitaciones de ancho de
banda, uso de computadora con limitaciones de administración
![Page 15: Diseño Universal y Accesibilidad web](https://reader034.vdocuments.site/reader034/viewer/2022042501/557b9f7ad8b42aa5758b538f/html5/thumbnails/15.jpg)
No accedemos siempre de la misma manera
![Page 16: Diseño Universal y Accesibilidad web](https://reader034.vdocuments.site/reader034/viewer/2022042501/557b9f7ad8b42aa5758b538f/html5/thumbnails/16.jpg)
¿Cómo lograr una Web Accesible?
Pautas WCAG
![Page 17: Diseño Universal y Accesibilidad web](https://reader034.vdocuments.site/reader034/viewer/2022042501/557b9f7ad8b42aa5758b538f/html5/thumbnails/17.jpg)
Uso de estándares
XHTML, CSS, PDF
![Page 18: Diseño Universal y Accesibilidad web](https://reader034.vdocuments.site/reader034/viewer/2022042501/557b9f7ad8b42aa5758b538f/html5/thumbnails/18.jpg)
Alternativas textuales
![Page 19: Diseño Universal y Accesibilidad web](https://reader034.vdocuments.site/reader034/viewer/2022042501/557b9f7ad8b42aa5758b538f/html5/thumbnails/19.jpg)
Mejora contínua
Tests de accesibilidad
Automáticos y manuales
Retroalimentación de usuarios
Tests de usuarios
Capacitación a quienesingresan contenido
Es un proceso
![Page 20: Diseño Universal y Accesibilidad web](https://reader034.vdocuments.site/reader034/viewer/2022042501/557b9f7ad8b42aa5758b538f/html5/thumbnails/20.jpg)
Por qué hacer una web accesible?
La accesibilidad es rentable Mayor Público Objetivo
Reducción del tiempo de carga
Mejora en la usabilidad
Mejora en la indexación
Usuario ciego más famoso: GOOGLE
Independencia de dispositivo
Demostrar Responsabilidad Social
Reducir la Responsabilidad Legal
Por que NO hacerlo?
![Page 21: Diseño Universal y Accesibilidad web](https://reader034.vdocuments.site/reader034/viewer/2022042501/557b9f7ad8b42aa5758b538f/html5/thumbnails/21.jpg)
www.luzverde.com.uy
![Page 22: Diseño Universal y Accesibilidad web](https://reader034.vdocuments.site/reader034/viewer/2022042501/557b9f7ad8b42aa5758b538f/html5/thumbnails/22.jpg)
La discapacidad está en el medio, no en las personas
“La Accesibilidad no es un privilegio, es un derecho”