web estandar accesible usable
DESCRIPTION
Presentación utilizada en Educaragón, sobre la web estándar, accesible y usable. Marzo de 2007.TRANSCRIPT
![Page 1: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/1.jpg)
Daniel Torres Burriel
www.torresburriel.com
estándares web, accesibilidad y usabilidad
daniel torres burrielwww.torresburriel.com
la web de hoy: usable, accesible, abierta - III salón de la educación, formación y empleo17 marzo 2007
![Page 2: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/2.jpg)
Daniel Torres Burriel
www.torresburriel.com
quién soy
• consultor de usabilidad
• arquitecto de información
• diseñador de interacción
• www.torresburriel.com/weblog
• www.net2u.es
• www.blogia.com
• UPA Spain
![Page 3: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/3.jpg)
Daniel Torres Burriel
www.torresburriel.com
índice de contenidos
• la web
• estándar
• accesible
• usable
![Page 4: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/4.jpg)
Daniel Torres Burriel
www.torresburriel.com
la web
• enorme e interconectada red disponible prácticamente en todos los sitios de Internet
• 1989 - tim berners lee
• idea original: hacer más fácil el compartir textos de investigación entre científicos
• 1965 - ted nelson - hipertexto
• 1993 - Marc Andreessen - Mosaic - Netscape
• 1994 - W3C - tim berners lee
![Page 5: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/5.jpg)
Daniel Torres Burriel
www.torresburriel.com
la web > tim berners leefotografía de tim berners lee, inventor de la web
![Page 6: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/6.jpg)
Daniel Torres Burriel
www.torresburriel.com
la web > primer servidorBerners-Lee usó esta NeXTcube en el CERN, siendo el primer servidor web del mundo
![Page 7: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/7.jpg)
Daniel Torres Burriel
www.torresburriel.com
la web > ted nelsonted nelson, creador del hipertexto
![Page 8: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/8.jpg)
Daniel Torres Burriel
www.torresburriel.com
la web > marc andreessenmarc andreessen, creador de mosaic y netscape
![Page 9: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/9.jpg)
Daniel Torres Burriel
www.torresburriel.com
la web > mosaic vs netscapeaspecto de mosaic (izquierda) y de netscape (derecha)
![Page 10: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/10.jpg)
Daniel Torres Burriel
www.torresburriel.com
la web > w3ccaptura de pantalla del sitio web del w3c (30/07/2002)
![Page 11: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/11.jpg)
Daniel Torres Burriel
www.torresburriel.com
la web > w3c.escaptura de pantalla actual del sitio web de w3c.es (oficina española)
![Page 12: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/12.jpg)
Daniel Torres Burriel
www.torresburriel.com
la web > ¿qué hace el w3c?
• consorcio internacional
• produce estándares para la world wide web
• recomendaciones
• html
• css
• dom
• etc
![Page 13: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/13.jpg)
Daniel Torres Burriel
www.torresburriel.com
estándar
estándares web
![Page 14: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/14.jpg)
Daniel Torres Burriel
www.torresburriel.com
estándar > qué
son un conjunto de tecnologías orientadas a brindar beneficios a la
mayor cantidad de usuarios, asegurando la vigencia de todo documento publicado
en el web
![Page 15: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/15.jpg)
Daniel Torres Burriel
www.torresburriel.com
estándar > quién
htmlcss
xmlxforms
accesibilidad
![Page 16: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/16.jpg)
Daniel Torres Burriel
www.torresburriel.com
estándar > quién
htmlcss
xmlxforms
accesibilidad
![Page 17: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/17.jpg)
Daniel Torres Burriel
www.torresburriel.com
estándar > quién
htmlcss
xmlxforms
accesibilidad
![Page 18: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/18.jpg)
Daniel Torres Burriel
www.torresburriel.com
estándar > cómo
htmlcss
xmlxforms
accesibilidad
![Page 19: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/19.jpg)
Daniel Torres Burriel
www.torresburriel.com
estándar > cómo
htmlcss
xmlxforms
accesibilidad
![Page 20: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/20.jpg)
Daniel Torres Burriel
www.torresburriel.com
estándar > dónde
![Page 21: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/21.jpg)
Daniel Torres Burriel
www.torresburriel.com
estándar > dónde
navegadores
![Page 22: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/22.jpg)
Daniel Torres Burriel
www.torresburriel.com
estándar > dónde
veremos lo mismo en todos los navegadores
gracias a los estándares
![Page 23: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/23.jpg)
Daniel Torres Burriel
www.torresburriel.com
estándar > dónde
no se vayan todavía...
aún hay más
![Page 24: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/24.jpg)
Daniel Torres Burriel
www.torresburriel.com
estándar > dónde
![Page 25: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/25.jpg)
Daniel Torres Burriel
www.torresburriel.com
estándar > dónde
![Page 26: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/26.jpg)
Daniel Torres Burriel
www.torresburriel.com
estándar > dónde
![Page 27: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/27.jpg)
Daniel Torres Burriel
www.torresburriel.com
estándar > dónde
![Page 28: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/28.jpg)
Daniel Torres Burriel
www.torresburriel.com
accesible
la web para todos/as
![Page 29: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/29.jpg)
déjame acceder tal y como soy
Daniel Torres Burriel
www.torresburriel.com
accesible
![Page 30: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/30.jpg)
Daniel Torres Burriel
www.torresburriel.com
déjame acceder tal y cómo soy
accesible > cómo soy
![Page 31: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/31.jpg)
Daniel Torres Burriel
www.torresburriel.com
accesible > cómo soy
• tengo un ordenador y un navegador... o no
• tengo banda ancha... o no
• puedo ver... o no
• puedo oír... o no
• puedo manejar el ratón... o no
• etc.
![Page 32: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/32.jpg)
Daniel Torres Burriel
www.torresburriel.com
accesible > realidad
• algunos datos: 2.052.539 personas con discapacidadfuente: servicio de información sobre discapacidad (http://sid.usal.es)
• legislación:
• ley 51/2003, de 2 de diciembre, de igualdad de oportunidades, no discriminación y accesibilidad universal de las personas con discapacidad
• ley 34/2002, de 11 de julio, de servicios de la sociedad de la información y de comercio electrónico
• directrices de accesibilidad para el contenido web 1.0
![Page 33: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/33.jpg)
Daniel Torres Burriel
www.torresburriel.com
accesible > afecta a la web
• discapacidades visuales: ceguera, baja visión, daltonismo
• discapacidades auditivas: sordera, duro de oído (sordera ligera)
• discapacidades físicas: motrices
• deficiencias en el habla
• discapacidades cognitivas y neurológicas: dislexia, trastorno de déficit de atención, discapacidad cognitiva, falta de memoria, discapacidades de salud mental, trastornos de epilepsia
![Page 34: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/34.jpg)
Daniel Torres Burriel
www.torresburriel.com
accesible > insistimos
la web para todos/as
![Page 35: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/35.jpg)
Daniel Torres Burriel
www.torresburriel.com
accesible > usable
fácil de usar
![Page 36: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/36.jpg)
Daniel Torres Burriel
www.torresburriel.com
usable > portero automático
![Page 37: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/37.jpg)
Daniel Torres Burriel
www.torresburriel.com
usable > cafetera de norman
![Page 38: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/38.jpg)
Daniel Torres Burriel
www.torresburriel.com
usable > mapa de aragón
![Page 39: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/39.jpg)
Daniel Torres Burriel
www.torresburriel.com
usable > mapa de aragón
![Page 40: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/40.jpg)
Daniel Torres Burriel
www.torresburriel.com
usable > blogia.com
![Page 41: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/41.jpg)
Daniel Torres Burriel
www.torresburriel.com
usable > elpais.com
![Page 42: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/42.jpg)
Daniel Torres Burriel
www.torresburriel.com
usable > ¿usable?
http://www.ixtapa-zihuatanejo.com/info/espanol_m.htm
![Page 43: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/43.jpg)
Daniel Torres Burriel
www.torresburriel.com
usable > ejem
http://www.relesa.es/relesa/mapa.htm
![Page 44: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/44.jpg)
Daniel Torres Burriel
www.torresburriel.com
usable >
http://www.facundo.es/
![Page 45: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/45.jpg)
Daniel Torres Burriel
www.torresburriel.com
la web
estándaraccesible
usable
![Page 46: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/46.jpg)
Daniel Torres Burriel
www.torresburriel.com
la web
estándaraccesible
usable
para el futuropara todosfácil de usar
![Page 47: Web Estandar Accesible Usable](https://reader034.vdocumento.com/reader034/viewer/2022052506/557ba019d8b42aa0758b539d/html5/thumbnails/47.jpg)
Daniel Torres Burriel
www.torresburriel.com
gracias