Web accesible: Emmanuelle Gutiérrez y R. Coordinadora del SID@R [email protected] Diseño...

27
Web Web accesible: accesible: Emmanuelle Gutiérrez y Emmanuelle Gutiérrez y R. R. Coordinadora del SID@R Coordinadora del SID@R [email protected] [email protected] s s Diseño para Diseño para todos todos

Transcript of Web accesible: Emmanuelle Gutiérrez y R. Coordinadora del SID@R [email protected] Diseño...

Page 1: Web accesible: Emmanuelle Gutiérrez y R. Coordinadora del SID@R sinarmaya@mx3.redestb.es Diseño para todos.

Web accesible:Web accesible:

Emmanuelle Gutiérrez y R.Emmanuelle Gutiérrez y R.

Coordinadora del SID@RCoordinadora del SID@R

[email protected]@mx3.redestb.es

Diseño para todosDiseño para todos

Page 2: Web accesible: Emmanuelle Gutiérrez y R. Coordinadora del SID@R sinarmaya@mx3.redestb.es Diseño para todos.

Emmanuelle Gutiérrez. III Seminario AHCIET sobre Telecomunicaciones y Discapacidad

2

ObjetivosObjetivos La labor del SID@RLa labor del SID@R Beneficios de la accesibilidadBeneficios de la accesibilidad

SocialesSociales EconómicosEconómicos

Pautas generalesPautas generales Diseño para todos / Diseño Diseño para todos / Diseño

UniversalUniversal Estar accesible / Ser accesibleEstar accesible / Ser accesible

Page 3: Web accesible: Emmanuelle Gutiérrez y R. Coordinadora del SID@R sinarmaya@mx3.redestb.es Diseño para todos.

La labor del...La labor del...

Page 4: Web accesible: Emmanuelle Gutiérrez y R. Coordinadora del SID@R sinarmaya@mx3.redestb.es Diseño para todos.

Emmanuelle Gutiérrez. III Seminario AHCIET sobre Telecomunicaciones y Discapacidad

4

La labor delLa labor delhttp://www.rppapm.es/sidar/http://www.rppapm.es/sidar/

¿Qué es el SID@R?¿Qué es el SID@R?

ObjetivosObjetivos

Grupos de interésGrupos de interés

LogrosLogros

Page 5: Web accesible: Emmanuelle Gutiérrez y R. Coordinadora del SID@R sinarmaya@mx3.redestb.es Diseño para todos.

Emmanuelle Gutiérrez. III Seminario AHCIET sobre Telecomunicaciones y Discapacidad

5

¿Qué es el SID@R?

Es un seminario permanente Es un seminario permanente abierto a la participación de abierto a la participación de

TODOSTODOS

SID@R: SID@R: Seminario de Iniciativas Seminario de Iniciativas sobre Discapacidad y sobre Discapacidad y Accesibilidad en la RedAccesibilidad en la Red

Es un seminario del Real PatronatoEs un seminario del Real Patronato

Page 6: Web accesible: Emmanuelle Gutiérrez y R. Coordinadora del SID@R sinarmaya@mx3.redestb.es Diseño para todos.

Emmanuelle Gutiérrez. III Seminario AHCIET sobre Telecomunicaciones y Discapacidad

6

Objetivos del SID@R (I)Objetivos del SID@R (I)

Promover e impulsarPromover e impulsar un más amplio y un más amplio y correcto tratamiento de la discapacidad, correcto tratamiento de la discapacidad, y el diseño accesible para la navegación, y el diseño accesible para la navegación, en Internet. (en Internet. (Acciones de sensibilización) )

FacilitarFacilitar el intercambio de el intercambio de conocimientos y experiencias entre conocimientos y experiencias entre asociaciones y personas interesadas en asociaciones y personas interesadas en la presencia de la discapacidad y en la la presencia de la discapacidad y en la accesibilidad en Internet. (accesibilidad en Internet. (Acciones de Información) )

Page 7: Web accesible: Emmanuelle Gutiérrez y R. Coordinadora del SID@R sinarmaya@mx3.redestb.es Diseño para todos.

Emmanuelle Gutiérrez. III Seminario AHCIET sobre Telecomunicaciones y Discapacidad

7

Page 8: Web accesible: Emmanuelle Gutiérrez y R. Coordinadora del SID@R sinarmaya@mx3.redestb.es Diseño para todos.

Emmanuelle Gutiérrez. III Seminario AHCIET sobre Telecomunicaciones y Discapacidad

8

Page 9: Web accesible: Emmanuelle Gutiérrez y R. Coordinadora del SID@R sinarmaya@mx3.redestb.es Diseño para todos.

Emmanuelle Gutiérrez. III Seminario AHCIET sobre Telecomunicaciones y Discapacidad

9

Visitas por países en %1. España 35.4% 2. Desc. 23.5% 3. México 11.8%

4. Argentina 6.6% 5. Red 4.8% 6. EEUU (.com) 3.8%

7. Chile 2.5% 8. EEUU (.edu) 1.6% 9. Colombia 1.6%

10. Portugal 1.6% 11. Perú 0.9% 12. Venezuela 0.7%

13. Francia 0.6% 14. Costa Rica 0.5% 15. Brasil 0.5%

16. Rep. Domin. 0.3% 17. Nicaragua 0.3% 18. Bolivia 0.3%

19. Inglaterra 0.2% 20. Panamá 0.2% 21. Guatemala 0.2%

22. O.N.G.'s 0.2% 23. Uruguay 0.2% 24. Alemania 0.1%

25. Corea (Sur) 0.1% 26. Suiza 0.1% 27. Italia 0.1%

28. Canadá 0.1% 29. Paraguay 0.1% 30. 0.1%

31. Dinamarca 0.1% 32. Bélgica 0.1% 33. EE.UU. 0.1%

34. Gibraltar 0.1% 35. Cuba 0.1% 36. Irlanda 0.1%

37. Israel 0.1% 38. Andorra 0.1% 39. Grecia 0.1%

40. Japón 0.1% 41. Holanda 0.1% 42. Indonesia 0.1%

Page 10: Web accesible: Emmanuelle Gutiérrez y R. Coordinadora del SID@R sinarmaya@mx3.redestb.es Diseño para todos.

Emmanuelle Gutiérrez. III Seminario AHCIET sobre Telecomunicaciones y Discapacidad

10

Objetivos del SID@R (II)Objetivos del SID@R (II)

Prestar apoyo técnicoPrestar apoyo técnico para facilitar la para facilitar la integración de las pautas de estilo, la integración de las pautas de estilo, la utilización de la CIDDM y las utilización de la CIDDM y las recomendaciones de accesibilidad en las recomendaciones de accesibilidad en las páginas páginas WebWeb. (Acciones de Formación). (Acciones de Formación)

EstimularEstimular, establecer y mantener vías , establecer y mantener vías de investigación, información y de investigación, información y documentación referidas a la presencia documentación referidas a la presencia de la discapacidad y a la accesibilidad, de la discapacidad y a la accesibilidad, en Internet. (Acciones de Información) en Internet. (Acciones de Información)

Page 11: Web accesible: Emmanuelle Gutiérrez y R. Coordinadora del SID@R sinarmaya@mx3.redestb.es Diseño para todos.

Emmanuelle Gutiérrez. III Seminario AHCIET sobre Telecomunicaciones y Discapacidad

11

Page 12: Web accesible: Emmanuelle Gutiérrez y R. Coordinadora del SID@R sinarmaya@mx3.redestb.es Diseño para todos.

Emmanuelle Gutiérrez. III Seminario AHCIET sobre Telecomunicaciones y Discapacidad

12

Grupos de interésGrupos de interés

G1G1: Seguimiento de herramientas : Seguimiento de herramientas de edición, navegación y de edición, navegación y evaluación de páginas evaluación de páginas WebWeb

G2G2: Seguimiento de los contenidos : Seguimiento de los contenidos sobre discapacidad en la Red para sobre discapacidad en la Red para la coordinación y promoción de la coordinación y promoción de sinergias sinergias

G3G3: Seguimiento de pautas de : Seguimiento de pautas de diseño accesible en la diseño accesible en la WebWeb

Page 13: Web accesible: Emmanuelle Gutiérrez y R. Coordinadora del SID@R sinarmaya@mx3.redestb.es Diseño para todos.

Emmanuelle Gutiérrez. III Seminario AHCIET sobre Telecomunicaciones y Discapacidad

13

Beneficios de la Beneficios de la AccesibilidadAccesibilidad

SocialesSociales

Económicos

Page 14: Web accesible: Emmanuelle Gutiérrez y R. Coordinadora del SID@R sinarmaya@mx3.redestb.es Diseño para todos.

Emmanuelle Gutiérrez. III Seminario AHCIET sobre Telecomunicaciones y Discapacidad

14

Beneficios SocialesBeneficios Sociales

Incremento de la participación de Incremento de la participación de

personas con discapacidad en la personas con discapacidad en la

cibersociedadcibersociedad

Construcción de una sociedad Construcción de una sociedad

menos segregadora y más menos segregadora y más

integradoraintegradora

Page 15: Web accesible: Emmanuelle Gutiérrez y R. Coordinadora del SID@R sinarmaya@mx3.redestb.es Diseño para todos.

Emmanuelle Gutiérrez. III Seminario AHCIET sobre Telecomunicaciones y Discapacidad

15

Beneficios EconómicosBeneficios Económicos

IncrementoIncremento del número de del número de

usuarios que visitan las páginas de usuarios que visitan las páginas de

una institución o comerciouna institución o comercio

Imagen de responsabilidad Imagen de responsabilidad

socialsocial que redunda en aumento que redunda en aumento

del número de clientes o usuariosdel número de clientes o usuarios

Page 16: Web accesible: Emmanuelle Gutiérrez y R. Coordinadora del SID@R sinarmaya@mx3.redestb.es Diseño para todos.

Emmanuelle Gutiérrez. III Seminario AHCIET sobre Telecomunicaciones y Discapacidad

16

Pautas GeneralesPautas Generales Integrar el concepto de “Diseño Integrar el concepto de “Diseño

para todos” o “Diseño Universal”para todos” o “Diseño Universal”

Estar accesible / ser accesibleEstar accesible / ser accesible

Page 17: Web accesible: Emmanuelle Gutiérrez y R. Coordinadora del SID@R sinarmaya@mx3.redestb.es Diseño para todos.

Emmanuelle Gutiérrez. III Seminario AHCIET sobre Telecomunicaciones y Discapacidad

17

Estar AccesibleEstar Accesible Los metatagsLos metatags

Titular las páginas Describir el contenido de la página Definir las palabras clave

Publicar en internetPublicar en internet Los robots de búsquedaLos robots de búsqueda Terminología correcta /

terminología común

Page 18: Web accesible: Emmanuelle Gutiérrez y R. Coordinadora del SID@R sinarmaya@mx3.redestb.es Diseño para todos.

Emmanuelle Gutiérrez. III Seminario AHCIET sobre Telecomunicaciones y Discapacidad

18

Ser AccesibleSer Accesible Seguir las pautas de accesibilidad Seguir las pautas de accesibilidad

W3C/WAIW3C/WAI SID@RSID@R

Verificar la accesibilidad Verificar la accesibilidad Lynxme (http://ugweb.cs.ualberta.ca/)(http://ugweb.cs.ualberta.ca/)

Bobby (http://www.cast.org/bobby/)(http://www.cast.org/bobby/)

W3C Validator (http://www.w3c.org/) ¿SID@R? (http://www.rppapm.es/sidar/)(http://www.rppapm.es/sidar/)

Page 19: Web accesible: Emmanuelle Gutiérrez y R. Coordinadora del SID@R sinarmaya@mx3.redestb.es Diseño para todos.

Emmanuelle Gutiérrez. III Seminario AHCIET sobre Telecomunicaciones y Discapacidad

19

En conclusiónEn conclusión Ser accesible beneficia a todosSer accesible beneficia a todos

Beneficio económicoBeneficio económico

Beneficio socialBeneficio social

El esfuerzo requerido es mínimoEl esfuerzo requerido es mínimo

El SID@R facilita, estimula y El SID@R facilita, estimula y

presta apoyo técnico a quienes presta apoyo técnico a quienes

desean ser accesiblesdesean ser accesibles

Page 20: Web accesible: Emmanuelle Gutiérrez y R. Coordinadora del SID@R sinarmaya@mx3.redestb.es Diseño para todos.

Gracias...Gracias...por la atención prestadapor la atención prestada

Emmanuelle Gutiérrez y R.Emmanuelle Gutiérrez y R.

[email protected]@mx3.redestb.es

Page 21: Web accesible: Emmanuelle Gutiérrez y R. Coordinadora del SID@R sinarmaya@mx3.redestb.es Diseño para todos.

Anexo

Ejemplos utilizados

Page 22: Web accesible: Emmanuelle Gutiérrez y R. Coordinadora del SID@R sinarmaya@mx3.redestb.es Diseño para todos.

Emmanuelle Gutiérrez. III Seminario AHCIET sobre Telecomunicaciones y Discapacidad

22

Page 23: Web accesible: Emmanuelle Gutiérrez y R. Coordinadora del SID@R sinarmaya@mx3.redestb.es Diseño para todos.

Emmanuelle Gutiérrez. III Seminario AHCIET sobre Telecomunicaciones y Discapacidad

23

Page 24: Web accesible: Emmanuelle Gutiérrez y R. Coordinadora del SID@R sinarmaya@mx3.redestb.es Diseño para todos.

Emmanuelle Gutiérrez. III Seminario AHCIET sobre Telecomunicaciones y Discapacidad

24

Page 25: Web accesible: Emmanuelle Gutiérrez y R. Coordinadora del SID@R sinarmaya@mx3.redestb.es Diseño para todos.

Emmanuelle Gutiérrez. III Seminario AHCIET sobre Telecomunicaciones y Discapacidad

25

Page 26: Web accesible: Emmanuelle Gutiérrez y R. Coordinadora del SID@R sinarmaya@mx3.redestb.es Diseño para todos.

Emmanuelle Gutiérrez. III Seminario AHCIET sobre Telecomunicaciones y Discapacidad

26

Page 27: Web accesible: Emmanuelle Gutiérrez y R. Coordinadora del SID@R sinarmaya@mx3.redestb.es Diseño para todos.

Emmanuelle Gutiérrez. III Seminario AHCIET sobre Telecomunicaciones y Discapacidad

27