![Page 1: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/1.jpg)
Accesibilidad web y educación
Sergio Luján Mora
@sergiolujanmora
sergiolujanmora.es
![Page 2: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/2.jpg)
Educación
![Page 3: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/3.jpg)
Formación Conocimiento
![Page 4: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/4.jpg)
1938
H.G. Wells
![Page 5: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/5.jpg)
Una nueva, libre y permanente “Enciclopedia Mundial” que podría ayudar a los ciudadanos del mundo a lograr un mejor uso de los recursos de información universales y contribuir a la paz mundial.
Desgraciadamente…
![Page 6: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/6.jpg)
1939 1 de septiembre
![Page 7: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/7.jpg)
1930s
Memex
Vannevar Bush
![Page 8: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/8.jpg)
![Page 9: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/9.jpg)
¿Existen? ¡Existen!
![Page 10: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/10.jpg)
Este año se cumple el 25 aniversario de…
![Page 11: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/11.jpg)
World Wide Web WWW Web
![Page 12: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/12.jpg)
![Page 13: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/13.jpg)
Tim Berners-Lee
HTML URL
HTTP
![Page 14: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/14.jpg)
![Page 15: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/15.jpg)
![Page 16: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/16.jpg)
![Page 17: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/17.jpg)
![Page 18: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/18.jpg)
![Page 19: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/19.jpg)
¿Todo perfecto…?
![Page 20: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/20.jpg)
![Page 21: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/21.jpg)
No educación
No mercado laboral
Son inútiles, no son productivos, no sirven para nada, son una molestia, son…
![Page 22: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/22.jpg)
![Page 23: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/23.jpg)
![Page 24: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/24.jpg)
Artículo 24 Educación
1. Los Estados Partes reconocen el derecho de las personas con discapacidad a la educación. Con miras a hacer efectivo este derecho sin discriminación y sobre la base de la igualdad de oportunidades, los Estados Partes asegurarán un sistema de educación inclusivo a todos los niveles así como la enseñanza a lo largo de la vida, con miras a: a) Desarrollar plenamente el potencial humano y el sentido de la dignidad y la autoestima y reforzar el respeto por los derechos humanos, las libertades fundamentales y la diversidad humana; b) Desarrollar al máximo la personalidad, los talentos y la creatividad de las personas con discapacidad, así como sus aptitudes mentales y físicas; c) Hacer posible que las personas con discapacidad participen de manera efectiva en una sociedad libre.
![Page 25: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/25.jpg)
A veces hay problemas…
![Page 26: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/26.jpg)
![Page 27: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/27.jpg)
![Page 28: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/28.jpg)
![Page 29: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/29.jpg)
A veces hay soluciones…
![Page 30: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/30.jpg)
![Page 31: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/31.jpg)
![Page 32: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/32.jpg)
¿No se puede hacer
mejor?
![Page 33: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/33.jpg)
¿No se puede hacer un
diseño inclusivo, un diseño universal,
un diseño para todos?
![Page 34: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/34.jpg)
![Page 35: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/35.jpg)
![Page 36: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/36.jpg)
![Page 37: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/37.jpg)
diseño inclusivo diseño universal
diseño para todos
![Page 38: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/38.jpg)
Barreras
Rampas
![Page 39: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/39.jpg)
Barreras digitales
Rampas digitales
![Page 40: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/40.jpg)
Accesibilidad web
![Page 41: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/41.jpg)
¿Cómo se logra que un sitio web sea accesible?
![Page 42: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/42.jpg)
Tim Berners-Lee
HTML URL
HTTP
![Page 43: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/43.jpg)
Octubre 1994
![Page 44: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/44.jpg)
![Page 45: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/45.jpg)
![Page 46: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/46.jpg)
![Page 47: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/47.jpg)
El poder de la Web está en su universalidad. El acceso por cualquier persona, independientemente de la discapacidad que presente es un aspecto esencial.
![Page 48: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/48.jpg)
![Page 49: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/49.jpg)
![Page 50: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/50.jpg)
![Page 51: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/51.jpg)
![Page 52: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/52.jpg)
![Page 53: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/53.jpg)
![Page 54: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/54.jpg)
Principios 4
Directrices 12
Criterios de cumplimiento 60
Técnicas suficientes Técnicas de asesoramiento
![Page 55: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/55.jpg)
Principio 1: Perceptible: la información y los componentes de la interfaz de usuario deben ser mostrados a los usuarios en formas que ellos puedan entender.
Directriz 1.1: Texto alternativo: Proporciona texto alternativo para el contenido que no sea textual, así podrá ser transformado en otros formatos que la gente necesite, como caracteres grandes, lenguaje braille, lenguaje oral, símbolos o lenguaje más simple. Directriz 1.2: Contenido multimedia dependiente del tiempo: Proporcione alternativas sincronizadas para contenidos multimedia sincronizados dependientes del tiempo. Directriz 1.3: Adaptable: Crear contenido que pueda ser presentado de diferentes formas sin perder ni información ni estructura. Directriz 1.4: Distinguible: Facilitar a los usuarios ver y escuchar el contenido incluyendo la distinción entre lo más y menos importante.
![Page 56: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/56.jpg)
Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe ser manejable.
Directriz 2.1: Teclado accesible: Poder controlar todas las funciones desde el teclado. Directriz 2.2 Tiempo suficiente: Proporciona tiempo suficiente a los usuarios para leer y utilizar el contenido. Directriz 2.3: Ataques epilépticos: No diseñar contenido que pueda causar ataques epilépticos. Directriz 2.4: Navegación: Proporciona formas para ayudar a los usuarios a navegar, a buscar contenido y a determinar donde están estos.
![Page 57: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/57.jpg)
Principio 3: Comprensible. La información y las operaciones de usuarios deben ser comprensibles
Directriz 3.1: Legible. Hacer contenido de texto legible y comprensible. Directriz 3.2 Previsible: Hacer la apariencia y la forma de utilizar las páginas web previsibles. Directriz 3.3 Asistencia a la entrada de datos: los usuarios de ayuda evitarán y corregirán errores.
![Page 58: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/58.jpg)
Principio 4: Robustez: el contenido deber ser suficientemente robusto para que pueda ser bien interpretado por una gran variedad de agentes de usuario, incluyendo tecnologías de asistencia.
Directriz 4.1 Compatible: Maximiza la compatibilidad con los agentes de usuario actuales y futuros, incluyendo tecnologías de asistencia.
![Page 59: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/59.jpg)
![Page 60: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/60.jpg)
![Page 61: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/61.jpg)
Ejemplo
![Page 62: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/62.jpg)
Fuente: Internet users (per 100 people) / The World Bank
0
10
20
30
40
50
60
70
80
90
100
Eritrea Ecuador España Islandia
2011
2012
![Page 63: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/63.jpg)
Fuente: Internet users (per 100 people) / The World Bank
¿Cómo se puede hacer este gráfico más accesible?
![Page 64: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/64.jpg)
![Page 65: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/65.jpg)
![Page 66: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/66.jpg)
Problemas de percepción de contraste Aunque las pautas no lo dicen explícitamente, el gráfico transmite información y puede ser que el texto o las propias barras no tengan contraste suficiente: - Para el texto, lo normal es un contraste 4,5:1 mínimo. - Para las barras se podría aceptar un contraste 3:1 mínimo porque su grosor es bastante mayor que el de un texto.
![Page 67: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/67.jpg)
![Page 68: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/68.jpg)
0
10
20
30
40
50
60
70
80
90
100
Eritrea Ecuador España Islandia
2011
2012
![Page 69: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/69.jpg)
![Page 70: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/70.jpg)
![Page 71: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/71.jpg)
Daltonismo y problemas percepción de colores Hay que asegurarse de que sin color la leyenda de las barras tiene sentido y se puede saber cuál es cada dato. Por ejemplo: - Terminar cada barra con un remate diferente (plano, circular, triangular). - Bordes de distinto tipo. - Contenido con rayados diferentes - Un icono o letra al principio de cada barra.
![Page 72: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/72.jpg)
![Page 73: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/73.jpg)
0
10
20
30
40
50
60
70
80
90
100
Eritrea Ecuador España Islandia
2011
2012
![Page 74: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/74.jpg)
Discapacidad cognitiva / intelectual Conviene indicar los valores de cada barra al final de las mismas, de forma que no haya que calcular el valor de cada barra con una regla. En realidad, ayuda a todo el mundo.
![Page 75: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/75.jpg)
0,7
31,4
67,6
95
0,8
35,1
72
96
0
10
20
30
40
50
60
70
80
90
100
Eritrea Ecuador España Islandia
2011
2012
![Page 76: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/76.jpg)
Baja visión, vista cansada Tipo de letra grande, de alto contraste.
![Page 77: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/77.jpg)
0,7
31,4
67,6
95
0,8
35,1
72
96
0
10
20
30
40
50
60
70
80
90
100
Eritrea Ecuador España Islandia
2011
2012
![Page 78: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/78.jpg)
¿Cómo se puede hacer este gráfico más accesible? ¿Qué más se puede hacer?
![Page 79: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/79.jpg)
País 2011 2012
Eritrea 0,7 0,8 Ecuador 31,4 35,1
España 67,6 72
Islandia 95 96
Encabezado de columna
Encabezado de fila
![Page 80: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/80.jpg)
<img src="internet.png"
alt="Índice de penetración de Internet por países
(gráfico de barras, datos disponibles en la
siguiente tabla)" />
![Page 81: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/81.jpg)
<table class="oculto"
summary="Datos de penetración de Internet;
filas: países; columnas: % de la población que dispone
de acceso a Internet">
<caption>Índice de penetración de Internet por
países</caption>
<thead>
<tr>
<th scope="col">País</th>
<th scope="col">2011</th>
<th scope="col">2012</th>
</tr>
</thead>
![Page 82: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/82.jpg)
<tbody>
<tr>
<th scope="row">Eritrea</th>
<td>0,7</td>
<td>0,8</td>
</tr>
<tr>
<th scope="row">Ecuador</th>
<td>31,4</td>
<td>35,1</td>
</tr>
...
</tbody>
</table>
![Page 83: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/83.jpg)
.oculto {
position: absolute;
left: -9999em;
width: 1px;
height: 1px;
overflow: hidden;
}
![Page 84: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/84.jpg)
Adaptación: El computador se tiene que adaptar al ser humano…
…no el ser humano al computador.
![Page 85: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/85.jpg)
![Page 86: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/86.jpg)
![Page 87: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/87.jpg)
![Page 88: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/88.jpg)
![Page 89: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/89.jpg)
![Page 90: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/90.jpg)
![Page 91: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/91.jpg)
![Page 92: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/92.jpg)
Presentación estándar
![Page 93: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/93.jpg)
Presentación baja visión
![Page 94: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/94.jpg)
Presentación baja visión y dislexia
![Page 95: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/95.jpg)
Presentación ceguera
![Page 96: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/96.jpg)
¿Se acabó?
![Page 97: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/97.jpg)
http://accesibilidadweb.dlsi.ua.es/
![Page 101: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/101.jpg)
![Page 102: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/102.jpg)
![Page 103: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/103.jpg)
![Page 104: Accesibilidad web y educación - RUA: Principalrua.ua.es/dspace/bitstream/10045/39661/1/Accesibilidad web y... · diseño inclusivo diseño universal diseño para todos . Barreras](https://reader031.vdocuments.co/reader031/viewer/2022021905/5bacd6f509d3f230528c205e/html5/thumbnails/104.jpg)