Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato.

Presentación del tema: "Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato."— Transcripción de la presentación:

1 Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato sobre Discapacidad

2 Beneficios de la accesibilidad Ideas para el presente y para el futuro

3 Emmanuelle Gutiérrez y Restrepo La inaccesibilidad afecta a... Personas mayores Personas con discapacidad Personas con dispositivos lentos o antiguos Personas con dispositivos muy modernos

4 Emmanuelle Gutiérrez y Restrepo Aplicando las pautas... La abuela puede navegar con el Pc o con Webtv

5 Emmanuelle Gutiérrez y Restrepo Aplicando las pautas... Aplicando las pautas... (II) Las personas con discapacidad tendrán una integración plena

6 Emmanuelle Gutiérrez y Restrepo Aplicando las pautas... Aplicando las pautas... (IV) Con dispositivos antiguos también se podrá comprar Portátil baratito

7 Emmanuelle Gutiérrez y Restrepo Aplicando las pautas... Aplicando las pautas... (V) La tecnología punta... ¡Tampoco se quedará fuera!

8 Emmanuelle Gutiérrez y Restrepo Lo cual supone... Beneficios Sociales Beneficios Económicos

9 Emmanuelle Gutiérrez y Restrepo Sociales Incremento de la participación de personas con discapacidad en la cibersociedad Incremento de la participación de personas con discapacidad en la cibersociedad Construcción de una sociedad menos segregadora y más integradora Construcción de una sociedad menos segregadora y más integradora

10 Emmanuelle Gutiérrez y Restrepo Económicos Incremento del número de usuarios que visitan las páginas de una institución o empresa Incremento del número de usuarios que visitan las páginas de una institución o empresa Imagen de responsabilidad social que redunda en aumento del número de clientes o usuarios Imagen de responsabilidad social que redunda en aumento del número de clientes o usuarios

11 Emmanuelle Gutiérrez y Restrepo Datos a tener en cuenta Envejecimiento de la población Incremento de la discapacidad (accidentes de tráfico, laborales y longevidad)

12 Emmanuelle Gutiérrez y Restrepo Datos a tener en cuenta (II) Prevalencia de la discapacidad (Mejora de la salud pública y nivel de vida) Poder adquisitivo de las personas mayores y con discapacidad

13 Emmanuelle Gutiérrez y Restrepo Costos Desde el diseño = coste 0 (forma parte de la rutina de trabajo) Reforma = < 5% del presupuesto total (JJ.OO. Sidney)

14 Emmanuelle Gutiérrez y Restrepo Multiplataforma Multiusuario Accesibilidad = ¡Futuro!

15 “El poder de la Web está en su universalidad. Que todo el mundo pueda acceder, a pesar de la discapacidad, es un aspecto esencial.” Tim Berners-Lee Director del W3C e inventor de la “World Wide Web”

16 Qué significa la accesibilidad Ser accesible / Estar accesible

17 Emmanuelle Gutiérrez y Restrepo Ser accesible Diseño de la interfaz Accesible (persona / circunstancia) Útil (fácil de usar, de navegar) Lenguaje accesible Comprensible Correcto respecto a la discapacidad

18 Emmanuelle Gutiérrez y Restrepo Estar accesible Los metatags Los metatags Titular las páginas Titular las páginas Describir el contenido de la página Describir el contenido de la página Definir las palabras clave Definir las palabras clave Publicar en Internet Publicar en Internet Los robots de búsqueda Los robots de búsqueda Terminología correcta / terminología común Terminología correcta / terminología común

19 Emmanuelle Gutiérrez y Restrepo Barreras / discapacidad Deficiencias visuales:  Gráficos sin etiquetar y vídeos sin describir  Tablas y marcos pobremente marcados  Incompatibilidad con lectores de pantalla o carencia de atajos de teclado

20 Emmanuelle Gutiérrez y Restrepo Barreras / discapacidad Deficiencias auditivas:  Falta de subtítulos  Textos extensos sin ayudas visuales Deficiencias físicas:  Carencia de atajos de teclado o apoyo al uso de un sólo pulsador para los comandos de menú.

21 Emmanuelle Gutiérrez y Restrepo Barreras / discapacidad Deficiencias cognitivas o neurológicas:  Carencia de una estructura consistente de navegación  Una presentación o lenguaje excesivamente complejos  Carencia de elementos ilustrativos  Diseños parpadeantes o titilantes

22 Emmanuelle Gutiérrez y Restrepo Barreras / otras situaciones Personas mayores (falta de destreza o def.) Analfabetos, Analfabetos tecnológicos. Pantallas pequeñas (móviles), Web TV, Quioscos (ambiente ruidoso/mal luminado) Ancho de banda estrecho Tener los sentidos o las manos ocupadas (conduciendo)

23 Emmanuelle Gutiérrez y Restrepo 7 tipos de usuarios 1. Personas que no pueden ver, oír, moverse; o con dificultad para procesar cierta información. 2. Personas con dificultad para leer o comprender texto. 3. Personas que no manejen o no tengan un teclado o un ratón.

24 Emmanuelle Gutiérrez y Restrepo 7 tipos de usuarios (II) 4. Personas que dispongan de una conexión lenta a Internet, una pantalla pequeña o que accedan desde un terminal o pantalla de sólo texto. 5. Personas que no hablan o no entienden con fluidez el idioma en que esté escrito el documento

25 Emmanuelle Gutiérrez y Restrepo 7 tipos de usuarios (III) 6. Personas que se encuentran en una situación en la que sus ojos, oídos o manos están ocupadas u obstaculizadas. 7. Que accedan con navegadores antiguos, diferentes a los habituales, un navegador de voz o con un sistema operativo diferente.

26 Emmanuelle Gutiérrez y Restrepo Pautas de accesibilidad v. 1.0 1.Ofrezca alternativas equivalentes a los contenidos visuales y sonoros. 2.No confié sólo en el color. 3.Utilice lenguajes de marcado y estilos en cascada y hágalo apropiadamente. 4.Especifique el lenguaje natural que se usa. 5.Cree tablas que se transformen airosamente. 6.Garantice que las características de nuevas tecnologías en las páginas se transforman airosamente. 7.Garantice al usuario el control de los cambios del contenido tempo dependiente.

27 Emmanuelle Gutiérrez y Restrepo Pautas de accesibilidad v. 1.0 8.Garantice la accesibilidad directa de las interfaces de usuario incrustadas. 9.Diseñe de manera independiente del dispositivo. 10.Utilice soluciones provisionales. 11.Utilice las tecnologías y directrices del W3C. 12.Proporcione información contextual y de orientación. 13.Proporcione mecanismos claros de navegación. 14.Garantice que los documentos sean claros y simples.

28 Emmanuelle Gutiérrez y Restrepo Webmaster / Webmistress A person responsible for the implementation of a Web site. Webmasters must be proficient in HTML as well as one or more scripting and interface languages such as JavaScript and Perl. They may also have experience with more than one type of Web server. Computer Desktop Encyclopedia Una persona responsable de la realización de un sitio Web. El Webmaster debe ser experto en HTML así como en uno o más lenguajes de “scripting” e interfaz tales como JavaScript y Perl. Pueden también tener experiencia con más de un tipo de servidor Web.

29 Emmanuelle Gutiérrez y Restrepo 1ª Pauta de accesibilidad 2.0 Diseñe contenidos que permitan que la presentación se haga de acuerdo con las preferencias y necesidades del usuario. Pautas viejas: 1, 2, 3, 6, 8 y 9. Usuarios: Todos

30 Emmanuelle Gutiérrez y Restrepo 2ª Pauta de accesibilidad 2.0 Diseñe contenidos que permitan la interacción de acuerdo con las preferencias y necesidades del usuario. Pautas viejas: 5, 7, 12 y 13 Usuarios: 1, 2, y 7.

31 Emmanuelle Gutiérrez y Restrepo 3ª pauta de accesibilidad 2.0 Diseñe para facilitar la comprensión. Pautas viejas: 2, 3, 4, 12 y 14 Usuarios: 1, 2, 5 y 7.

32 Emmanuelle Gutiérrez y Restrepo 4ª pauta de accesibilidad 2.0 Diseñe de manera compatible e interoperativa. Pautas viejas: 5, 6, 8, 9, 10 y 11. Usuarios: Todos.

33 Emmanuelle Gutiérrez y Restrepo Resumiendo pautas y usuarios Teniendo en cuenta  Diseñe de manera  Condición personal Factores externos Limitación tecnológica Configurable P: 1, 2, 3, 6, 8 y 9 U: 1, 2, 3 y 5U: 3 y 6U: 4 y 7 Controlable P: 5, 7, 12 y 13 U: 1 y 2U: 7 Comprensible P: 2, 3, 4, 12 y 14 U: 1, 2, y 5U: 7 Compatible P: 5, 6, 8, 9, 10 y 11 U: 1, 2, 3 y 5U: 3 y 6U: 4 y 7

34 El SIDAR Qué es / Qué ofrece

35 Emmanuelle Gutiérrez y Restrepo ¿Qué es el SIDAR? www.sidar.org Es un seminario permanente abierto a la participación de TODOS Grupos de interés Grupos de trabajo

36 Emmanuelle Gutiérrez y Restrepo Grupos de Interés ACCESOWEB Lista de interés gral. ACCESOWEB-subscribe@yahoogroups.com 4 Grupos de Interés G1 Herramientas ( G1SIDAR-subscribe@yahoogroups.com ) G2 Contenidos ( G2SIDAR-subscribe@yahoogroups.com ) G3 Diseño ( G3SIDAR-subscribe@yahoogroups.com ) Iniciativas sobre discapacidad

37 Emmanuelle Gutiérrez y Restrepo Grupos de trabajo Traductores Traducción de documentos sobre accesibilidad Legislación Apoyo y preparación de iniciativas legislativas

38 Emmanuelle Gutiérrez y Restrepo ¿Qué puedo encontrar en el Sidar? Guía Breve de Accesibilidad Traducciones de pautas y especificaciones (http://www.sidar.org/traduc/traduc.htm) Tarjetas pro accesibilidad Documentos varios (eEurope, InfoXXI, etc.)

39 Emmanuelle Gutiérrez y Restrepo Documentos prácticos Inspector de puntos de control http://www.sidar.org/traduc/checker.htm Aplicando las pautas http://www.sidar.org/emmy/compren/ Usuarios frente a la accesibilidad Metodología de revisión

40 Emmanuelle Gutiérrez y Restrepo Gracias por la atención prestada Sugerencias, comentarios, aportaciones varias, son bienvenidas ;-) coordina@sidar.org