III Foro de Accesibilidad. Joaquín Martos Pérez Ingeniero Informático de Jaén Accesible

Transcripción

1 III Foro de Accesibilidad Joaquín Martos Pérez Ingeniero Informático de Jaén Accesible

2 Índice Problemas de Accesibilidad Limitaciones en el acceso a las páginas web. Limitaciones intrínsecas a la persona Limitaciones del contexto Accesibilidad universal Qué ventajas te proporciona tener una web accesible? Legislación WAI Guía de Buenas Prácticas Ejemplos de buenas y malas prácticas Herramientas para la comprobación de la accesibilidad Web Bibliografía Agradecimientos A trabajar

3 Introducción Esto es un Taller (Práctico) Objetivos Concienciación Se puede conseguir la accesibilidad Web Aplicar conocimientos en Todas la áreas Base para presentes y futuros desarrolladores

4 Qué es la accesibilidad Web Accesibilidad acceder a algún sitio A. Arquitectónica poder hacer uso de la vía y edificios públicos A. Web poder hacer uso de la web. Para hacer uso de la web entender, interactuar, encontrar los servicios de la web. Para poder interactuar con la web, ésta debe ser legible o entendible. LEGIBLE Legible no quiere decir grande, legible quiere decir que se pueda leer, interpretar su contenido. Por muy grande que sea una imagen, un ciego jamás podrá leerla, por ello debe poder ser interpretada por sistemas auxiliares que ligibilicen su contenido.

5 Por qué hacer accesibles las páginas web? Según INE 2002, el porcentaje de ciudadanos con algún tipo de discapacidad se encuentra en un 9%. Los % anteriores no tienen encuenta a las personas mayores y/o mal acostumbradas a las nuevas tecnologías. Ni a personas con discapacidades temporales. Los usuarios discapacitados tienen motivaciones adicionales para usar internet. Internet como medio facilitador de tareas de forma autónoma. La mayoría de los portales web presentan caréncias en cuanto a accesibilidad.

6 + Razones para hacer accesible la Web Claudio Segovia en su artículo Accesibilidad e Internet nos da una serie de razones por las que hacer accesible la web, de las cuales me gustaría destacar: Razones éticas Razones sociales Razones políticas Razones económicas Razones legales Razones egoístas

7 + Razones para hacer accesible la Web Razones éticas: Buscar la accesibilidad es hacer lo correcto. Ayuda a mejorarnos como personas. Razones sociales: Permite participar a un público más amplio. Contribuye a fortalecer la diversidad. Sus opiniones y participación ayuda en la construcción de una sociedad más equilibrada. Ayuda a la inserción laboral a través del teletrabajo.

8 + Razones para hacer accesible la Web Razones políticas: Promueve la democracia. (Todos somos iguales) Los usuarios que desean ingresar a un sitio oficial son votantes. Razones económicas: Si el potencial cliente que intenta ingresar en nuestro sitio comercial, se encuentra con problemas de accesibilidad, es muy probable que deje de utilizar ese sitio, en el que hemos invertido tanto tiempo y dinero El tener un sitio comercial accesible mejora la imagen corporativa de la empresa.

9 + Razones para hacer accesible la Web Razones legales: Es obligatorio por ley en las webs de organismos públicos. Razones egoístas: Si lo pensamos un minuto, la accesibilidad en Internet es para todos nosotros, no sólo para el otro. TODOS SOMOS DISCAPACITADOS PODRÍAMOS SERLO MÁS

10 Limitaciones en el acceso a las páginas web Accesibilidad Web = acceso universal a la web. Independientemente del hardware, software, infraestructura de red, idioma, cultura, localización geográfica y capacidades del usuario. Limitaciones intrínsecas de la persona Limitaciones del contexto

11 Limitaciones intrínsecas de la persona Limitaciones visuales Limitaciones auditivas ( < importantes?) Limitaciones motrices Limitaciones cognitivas y/o de lenguaje

12 Limitaciones del contexto Como indica Vanderheiden (2000) La discapacidad no es el único tipo de limitación que dificulta la accesibilidad de contenidos. Comparten el mismo problema De visualización aquellos usuarios con visión reducida, como aquellos que, sin padecer discapacidad visual, utilicen pantallas pequeñas. Usuarios con un ratón sucio que algunas personas con limitaciones motrices. Usuarios que llevan mucho tiempo navegando y personas con dificultades para concentrarse.(limitaciones cognitivas)

13 Accesibilidad Universal Para evitar los problemas anteriores. Quitar el chip de Diseñar para Discapacitados Cambiarlo por el de Diseñar para todas las personas. (De forma egoísta ) Nos beneficia en cuanto a que la información que ofrecemos será vista por más usuarios.

14 + Ventajas del diseño universal Mejora de posicionamiento Web. Información visible por Más personas E interpretable por más navegadores (PDA y Movil) Se descarga de manera más rápida. El usuario se maneja con soltura y rapidéz en la página. RESUMIENDO Accesibilidad web beneficiosa a Nivel Estratégico Responsabilidad Social

15 Legislación La Resolución del Parlamento Europeo sobre la Comunicación de la Comisión eeurope 2002: Accesibilidad de los sitios Web públicos y de su contenido. Concretamente en su punto 30 subraya que para que los sitios web sean accesibles es fundamental que se satisfagan el nivel doble A y que se aplique en su totalidad la prioridad 2 de las Pautas WAI.

16 Legislación El estado Español ha ido adaptándose a las directivas europeas y en la LEY 34/2002, de 11 de julio, de servicios de la sociedad de la información y de comercio Electrónico de 12 de julio de 2002, relativa a los Servicios de la Sociedad de la Información y Comercio Electrónico (LSSICE), en su disposición adicional quinta titulada: Accesibilidad para las personas con discapacidad y de edad avanzada a la información proporcionada por medios electrónicos, estableciendo: Uno. Las Administraciones públicas adoptarán las medidas necesarias para que la información disponible en sus respectivas páginas de Internet pueda ser accesible a personas con discapacidad y de edad avanzada, de acuerdo con los criterios de accesibilidad al contenido generalmente reconocidos, antes del 31 de diciembre de Asimismo, podrán exigir que las páginas de Internet cuyo diseño o mantenimiento financien apliquen los criterios de accesibilidad antes mencionados. Dos. Igualmente, se promoverá la adopción de normas de accesibilidad por los prestadores de servicios y los fabricantes de equipos y <<software>>, para facilitar el acceso de las personas con discapacidad o de edad avanzada a los contenidos digitales.

17 WAI

18 Como es una página web accesible En líneas generales Contraste entre fondo y fuente diferenciado (Cuidado con el daltonismo) Fuentes grandes Arial Verdana

19 Como es una página web accesible Listas de enlaces Mapa Web

20 Como es una página web accesible Búsqueda de documentos Descripción textual de las imágenes Sin mucho javascript, asp Teclas de acceso rápido a los menús Ejemplos de Teclas de la Web Alt + P + Intro: Ir a la página principal de Polibea Alt + C + Intro: Enviar a Polibea Alt + M + Intro: Ver Mapa de la Web. Alt + T + Intro: Ver teclas de acceso rápido. Alt + A + Intro: Agregar esta Web a favoritos. Alt + E + Intro: Enviar esta Web a un amigo. Alt + L + Intro: Darse de alta en el boletín de Polibea Alt + O + Intro: Hemeroteca.

21 Como es una página web accesible Textos claros y de fácil interpretación No basar la estructura de una página sólo con colores. Videos Audio-Descritos Subtitulados Descripción del mismo en textos paralelos. Si es imposible hacer accesible (NO ME LO CREO) proporcionar recursos alternativos accesibles. Estructuras claras. Nada de ventanas emergentes ni decoración barroca que hace distraerse al usuario. Enlaces con imágenes grandes

22 Herramientas Automáticas de comprobación de la accesibilidad TAW HERA Examinator CSS Validator

23 TAW

24 TAW

25 TAW

26 HERA

27 Validador CSS

28 Validador CSS

29 Examinator

30 Examinator

31 Inconvenientes de las herramientas automáticas Pueden dar una sensación de accesibilidad/inaccesibilidad falsos No pueden comprobar elementos tan subjetivos y particulares como: Contraste de fondo y fuente si el fondo es una imagen. Comentarios acertados en las imágenes. No pueden valorar la importancia que los elementos de una página web tienen (Ejem: Imágenes que completan los botones, imágenes corporativas, imágenes que quieren expresar algo en la página )

32 Bibliografía es.wikipedia.org

33 II Parte (Planes de Accesibilidad)

34 Como es un plan de accesibilidad WEB