Accesibilidad en el diseño de entornos y páginas...
Transcript of Accesibilidad en el diseño de entornos y páginas...
![Page 1: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/1.jpg)
Accesibilidad en el diseño de entornos y páginas web
Sergio Luján [email protected]
@sergiolujanmora
![Page 2: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/2.jpg)
QUÉ ES LA ACCESIBILIDAD WEB
![Page 3: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/3.jpg)
![Page 4: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/4.jpg)
TimBerners-Lee
![Page 5: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/5.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.
El arte de garantizar que, en la mayor medida posible, las instalaciones (tales como, por ejemplo, acceso a Internet) están disponibles para las personas independientemente de que tengan algún tipo de discapacidad.
![Page 6: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/6.jpg)
• Pero la accesibilidad web no beneficia únicamente a las personas con discapacidad, NOS BENEFICIA A TODOS
![Page 7: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/7.jpg)
![Page 8: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/8.jpg)
![Page 9: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/9.jpg)
![Page 10: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/10.jpg)
CÓMO SE LOGRA QUE UN SITIO WEB SEA ACCESIBLE
![Page 11: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/11.jpg)
Octubre 1994
![Page 12: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/12.jpg)
![Page 13: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/13.jpg)
![Page 14: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/14.jpg)
![Page 15: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/15.jpg)
![Page 16: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/16.jpg)
![Page 17: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/17.jpg)
![Page 18: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/18.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 percibirlos.
Principio 2: Operable: los componentes de la interfaz de usuario y la
navegación debe ser manejable.
Principio 3: Comprensible: la información y el manejo de la interfaz de
usuario deben ser comprensibles
Principio 4: Robusto: el contenido deber ser suficientemente robusto para
que pueda ser bien interpretado por una gran variedad de agentes de usuario, incluyendo los productos de apoyo.
![Page 19: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/19.jpg)
Principios4
Directrices12
Criterios de cumplimiento61
Técnicas suficientes Técnicas de asesoramiento
![Page 20: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/20.jpg)
![Page 21: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/21.jpg)
![Page 22: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/22.jpg)
Principios4
Directrices13
Criterios de cumplimiento78
Técnicas suficientes Técnicas de asesoramiento
![Page 23: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/23.jpg)
![Page 24: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/24.jpg)
![Page 25: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/25.jpg)
![Page 26: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/26.jpg)
![Page 27: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/27.jpg)
![Page 28: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/28.jpg)
![Page 29: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/29.jpg)
![Page 30: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/30.jpg)
Más información
![Page 31: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/31.jpg)
![Page 32: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/32.jpg)
![Page 33: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/33.jpg)
![Page 34: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/34.jpg)
![Page 35: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/35.jpg)
![Page 36: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/36.jpg)
![Page 37: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/37.jpg)
![Page 38: Accesibilidad en el diseño de entornos y páginas webrua.ua.es/.../1/Accesibilidad-en-el-diseno-de-entornos-y-paginas-web.… · Principio 1: Perceptible: la información y los componentes](https://reader036.fdocument.pub/reader036/viewer/2022071211/6022abe157e2eb61ad411b9f/html5/thumbnails/38.jpg)
Accesibilidad en el diseño de entornos y páginas web
Sergio Luján [email protected]
@sergiolujanmora