Diapositiva 1

Accesibilidad Web Multimedia V

Diapositiva 2

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Qu es la Accesibilidad Web? La accesibilidad Web significa que personas con algn tipo de discapacidad van a poder hacer uso de la Web. En concreto, al hablar de accesibilidad Web se est haciendo referencia a un diseo Web que va a permitir que estas personas puedan percibir, entender, navegar e interactuar con la Web, aportando a su vez contenidos.

Diapositiva 3

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa La accesibilidad Web tambin beneficia a otras personas, incluyendo personas de edad avanzada que han visto mermadas sus habilidad a consecuencia de la edad.

Diapositiva 4

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa La accesibilidad Web engloba muchos tipos de discapacidades, incluyendo problemas visuales, auditivos, fsicos, cognitivos, neurolgicos y del habla.

Diapositiva 5

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Existen millones de personas con discapacidad que no pueden utilizar la Web. Actualmente, la mayora de los sitios Web y los software Web presentan barreras de accesibilidad, lo que dificulta o imposibilita la utilizacin de la Web para muchas personas con discapacidad. Cuanto ms software y sitios Web accesibles estn disponibles, ms personas con discapacidad podrn utilizar la Web y contribuir de forma ms eficiente.

Diapositiva 6

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Pero la accesibilidad Web beneficia tambin a organizaciones y a personas sin discapacidad. Por ejemplo, un principio bsico de la accesibilidad Web es la flexibilidad con el objetivo de satisfacer diferentes necesidades, situaciones y preferencias.

Diapositiva 7

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Esta flexibilidad va a beneficiar a todas aquellas personas que utilizan la Web, incluyendo personas que no tienen ninguna discapacidad pero que, debido a determinadas situaciones, tienen dificultades para acceder a la Web. Por ejemplo, una conexin lenta, tambin estaramos hablando de aquellas personas que sufren una incapacidad transitoria (por ejemplo, un brazo roto), y de personas de edad avanzada.

Diapositiva 8

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Qu significa que una web sea accesible? Qu cualquier internauta, con cualquier tecnologa y entorno desde el que accede a Internet, sea capaz de entrar, comprender e interactuar con completa habilidad con esa web.

Diapositiva 9

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Cmo puede verse mermada esa habilidad? Por diferentes tipos de obstculos: Fsico-psquicos: (permanentes, temporales). Aquellas discapacidades, inherentes al individuo, que dificultan la interaccin con la web. As, una persona que no puede andar no ha de considerarse un discapacitado en Internet.

Diapositiva 10

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Contextuales: Surgen nuevos entornos de acceso a Internet (coche, aeropuerto, supermercado, etc). Dependen del entorno en el que el internauta accede a la web. Por ejemplo: Cuando un usuario se conecta a Internet para comprar entradas en un cajero o accede a un punto de informacin en la calle, hay mucho ruido y no se perciben seales sonoras.

Diapositiva 11

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa La luz que incide en la pantalla hace que no haya mucho contraste entre colores, etc.

Diapositiva 12

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Tecnolgicos: Aparecen nuevos dispositivos y nuevas tecnologas. Estn relacionadas con el soporte tecnolgico con el que el usuario accede a Internet (hardware y software). Por ejemplo: Hay dispositivos de acceso a Internet (PDA, telfono mvil), que son pequeos, con poco contraste en sus pantallas, sin ratn, etc.

Diapositiva 13

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Tambin hay quien an tiene navegadores antiguos o una conexin va mdem lo que provoca que muchas webs no puedan ser vistas o tarden tanto en cargarse que el usuario desiste.

Diapositiva 14

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Qu errores puedo estar cometiendo y cmo hago mi web accesible? Podemos detectar errores: Conceptuales: En la concepcin de la accesibilidad se han instaurado una serie de falsos tpicos que conviene aclarar. Prcticos: En el propio desarrollo de la web.

Diapositiva 15

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Conceptuales: Falsos tpicos. Son muchos los tpicos y creencias errneas que surgen en torno a esta pregunta: La accesibilidad es slo para discapacitados y hacer la web accesible perjudica al resto de usuarios

Diapositiva 16

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa La accesibilidad es para todos los usuarios potenciales de Internet: Cuantitativamente: Entrarn usuarios que hasta ahora no podan hacerlo o tenan problemas. Cualitativamente: Mejora la experiencia de usuario de toda nuestra audiencia.

Diapositiva 17

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Hacer una pgina accesible implica grandes costos econmicos y no compensa Este costo se concentra en la fase de desarrollo y es relativo al grado de funcionalidad de la pgina. Adems, es ms caro crear diferentes versiones para distintos navegadores como se venia haciendo en los ltimos aos.

Diapositiva 18

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Se rentabiliza a medio y largo plazo Aumenta la audiencia: Las pginas accesibles se pagarn solas a travs de ms usuarios satisfechos. Se reducen costos: Por ejemplo, en ancho de banda al disminuir la cantidad de cdigo en las pginas por uso de estndares. Se evitan diferentes versiones para navegadores

Diapositiva 19

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa La separacin entre estructura y contenido facilita en gran medida el mantenimiento del sitio; el uso de tecnologa estndar garantiza la interoperabilidad; la precisin sintctica simplifica la deteccin de problemas o errores; y la correccin semntica potencia la gestin eficiente de contenidos.

Diapositiva 20

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Branding: Al incluir a todos los usuarios y mejorar su experiencia, se fomenta una imagen positiva del sitio web. Garantiza una durabilidad futura por el uso de estndares.

Diapositiva 21

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Implica diseos simples y estticamente pobres La mayora de los diseos actuales puede convertirse en accesibles sin que vare enormemente su aspecto visual. Haciendo un sitio web accesible, se gana en usabilidad.

Diapositiva 22

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Se otorga libertad al usuario para personalizar la presentacin de las webs. Internet, frente a los medios impresos tradicionales, permite al usuario intervenir en la presentacin del mensaje de acuerdo a sus necesidades y sus preferencias (por ejemplo, aumentar la letra de los textos, cargar o no cargar las imgenes de las webs, etc.)

Diapositiva 23

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Prcticos: En el desarrollo WEB La WAI (Iniciativa de Accesibilidad de la Web), grupo dependiente del W3C, trabaja en una serie de pautas y orientaciones para que los desarrolladores creen sus pginas eliminando los obstculos que impiden el acceso a las webs.

Diapositiva 24

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Para ello, han elaborado una gua que recoge Pautas de Accesibilidad al Contenido en la Web (WCAG) que contiene un total de 14 pautas a seguir con sus respectivos puntos de verificacin que permiten al desarrollador aplicar paso a paso las pautas y verificar su cumplimiento.

Diapositiva 25

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Principales errores y formas de resolverlos A continuacin se presenta una relacin reducida y resumida de errores y algunas recomendaciones.

Diapositiva 26

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Imgenes Atributo ALT El atributo ALT nos proporciona el medio de describir la imagen para los que no la pueden ver.

Diapositiva 27

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa La descripcin puede ser "analgica", contamos lo que se ve en la foto, lo que en opinin del autor es til en crticas de arte o as, o funcional, contamos la funcin y contenido de la imagen de la pgina. En el caso de imgenes o grficos puramente decorativos es mejor no incluir texto en el atributo ALT. En cualquier caso, debe ser breve y no ocupar ms de 8 o 10 palabras.

Diapositiva 28

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Cmo? Usando el atributo alt=Descripcin de la imagen o longdesc=ruta del fichero con la descripcin

Diapositiva 29

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Por qu? Porque hay quien navega sin visualizar las imgenes: Por ejemplo: Quienes usan lectores de pantalla o navegadores modo texto (Lynx). Quienes deshabilitan en las opciones de sus navegadores la carga de imgenes, porque tienen conexiones lentas o porque pagan por cantidad de informacin descargada (dispositivos mviles).

Diapositiva 30

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Porque mejora la indexaccin de los buscadores. Aumenta la carga semntica en el cdigo del sitio web en general y ayuda a la indexaccin de buscadores que tienen bsqueda de imgenes.

Diapositiva 31

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa La imagen anterior es una pgina vista en Explorer, configurado para la no visualizacin de las imgenes.

Diapositiva 32

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa El usuario que entre en esta pgina no ver absolutamente nada y por tanto abandonar el sitio web. En esta otra imagen, la misma pgina se representa con las imgenes cargadas.

Diapositiva 33

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Al respecto, comentar que los textos no deberan ser imgenes. Los mismos efectos pueden hacerse con CSS.

Diapositiva 34

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa En esta otra imagen, la pgina se presenta con el atributo alt en las imgenes.

Diapositiva 35

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Informacin con colores Hay que asegurarse de que los recursos son comprensibles cuando se vean sin color

Diapositiva 36

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Cmo? Usando colores con contraste y que el color no sea mecanismo nico de interpretar una informacin. Por ello, no hay que usar el color como nico referente informativo.

Diapositiva 37

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Por ejemplo: Un enlace que diga Presione el cuadrado rojo Por qu? Porque hay dispositivos con salida no visual (braille) o bajo contraste (monitor monocromtico, un mvil, etc). Porque en contextos con mala iluminacin es difcil apreciar los contrastes. Porque hay personas que no perciben algunos colores (daltnicos, etc.)

Diapositiva 38

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Esta imagen representa una pgina con cabecera con poco contraste de colores e iconos de color como referente.

Diapositiva 39

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa En esta otra imagen aparece la misma pgina en escala de grises.

Diapositiva 40

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Marcos / frames Hay que evitar su uso y de utilizarse dar alternativas e identificarlos. Cmo? La alternativa se incluye con la etiqueta La identificacin se realiza a travs del atributo title. Deben usarse nombres representativos.

Diapositiva 41

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Por qu? Los marcos no muestran una URL clara al usuario: Ello genera dificultades de navegacin y provoca desorientacin Tambin causa problemas en la indexacin en buscadores. El usuario registra incorrectamente en favoritos las URL o puede imprimir el marco no deseado. Los navegadores antiguos no los soportan. Etc

Diapositiva 42

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Tablas Hay que crear tablas que se transformen correctamente. Cmo? Evitando las tablas para el diseo. La mayora de las pginas puede hacerse con CSS. En tablas de contenido, hay que identificar los encabezamientos de fila y columna con etiqueta, las celdas de datos y titular la tabla con

Diapositiva 43

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa La imagen representa una pgina hecha con tablas de diseo (usadas slo para maquetar) y tablas de contenido (con datos).

Diapositiva 44

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa

Diapositiva 45

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Esta otra imagen es la misma pgina, mostrando un alto grado de anidamiento de tablas para el diseo, lo que genera mucho cdigo sobrante.

Diapositiva 46

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa

Diapositiva 47

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa En esta imagen, aparece la misma pgina con el orden de tabulacin de las tablas (repercute en la navegacin por teclado y en la lectura por lectores de pantalla). Se aprecia, por ejemplo, que la botonera de navegacin se encuentra en la posicin 121 en adelante.

Diapositiva 48

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa

Diapositiva 49

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Por qu la Accesibilidad Web es importante? La Web es un recurso muy importante para diferentes aspectos de la vida: educacin, empleo, gobierno, comercio, sanidad, entretenimiento y muchos otros.

Diapositiva 50

Accesibilidad Web Por qu la Accesibilidad Web es importante? Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Es muy importante que la Web sea accesible para as proporcionar un acceso equitativo e igualdad de oportunidades a las personas con discapacidad. Una pgina Web accesible puede ayudar a personas con discapacidad a que participen ms activamente en la sociedad.

Diapositiva 51

Accesibilidad Web Por qu la Accesibilidad Web es importante? Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa La Web ofrece a aquellas personas con discapacidad una oportunidad de acceder a la informacin y de interactuar.

Diapositiva 52

Accesibilidad Web Por qu la Accesibilidad Web es importante? Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Otra consideracin importante para las empresas es que la accesibilidad Web es un requisito establecido en algunos casos por leyes y polticas.

Diapositiva 53

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Por qu necesitamos accesibilidad? Por varias razones: Razones ticas: Buscar la accesibilidad es hacerlo bien. El incentivar la accesibilidad en Internet ayuda a mejorarnos como personas.

Diapositiva 54

Accesibilidad Web Por qu necesitamos accesibilidad? Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Razones sociales: La accesibilidad en Internet permite participar a un pblico ms amplio. Las pginas accesibles estimulan la participacin individual, ya que permiten ampliar el pblico potencial a millones de personas con problemas de discapacidad, conexiones lentas o computadoras antiguas.

Diapositiva 55

Accesibilidad Web Por qu necesitamos accesibilidad? Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Estimula la participacin grupal de sectores sociales, como las poblaciones alejadas de los centros econmicos, los pueblos originarios, los barrios de escasos recursos, etc.

Diapositiva 56

Accesibilidad Web Por qu necesitamos accesibilidad? Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Nos sirve de auxilio para lograr metas sociales de participacin plena y de igualdad ya que colabora en la disminucin de la llamada "brecha o exclusin digital" y, por extensin, la "brecha social" ya que, si bien es cierto que actualmente hay ms gente que accede a tecnologas de informacin y comunicacin (TIC) que hace diez aos.

Diapositiva 57

Accesibilidad Web Por qu necesitamos accesibilidad? Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Contribuye a fortalecer la diversidad, permitiendo que amplios grupos de la poblacin puedan no slo recibir informacin en forma pasiva (como sucede en el caso de los medios de informacin masivos como la televisin o los peridicos), sino aportar sus opiniones y participar en la construccin de una sociedad ms equilibrada.

Diapositiva 58

Accesibilidad Web Por qu necesitamos accesibilidad? Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Implica un apoyo a la denominadas "pequeas y medianas empresas" (PyMEs), poseedoras de equipamiento informtico que, en la mayora de los casos, no es de ltima generacin y que no poseen los recursos necesarios para su actualizacin

Diapositiva 59

Accesibilidad Web Por qu necesitamos accesibilidad? Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Razones econmicas: 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.

Diapositiva 60

Accesibilidad Web Por qu necesitamos accesibilidad? Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Razones tcnicas: Navegar por Internet ya no es una actividad que se hace desde un slo tipo de equipamiento, sino actualmente se puede navegar desde telfonos celulares, kioscos interactivos, televisores, etc. Cada uno de dichos equipos tiene sus propias caractersticas, por lo que slo los sitios accesibles podrn adaptarse ante tal variedad de sistemas de navegacin.

Diapositiva 61

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Hacer la Web accesible La accesibilidad Web se ha entendido siempre como responsabilidad de los desarrolladores Web. Pero, el software Web tiene tambin un papel importante en la accesibilidad Web. Es importante que el software ayude a los desarrolladores a generar y evaluar sitios Web accesibles para que las personas con discapacidad puedan utilizarlos.

Diapositiva 62

Accesibilidad Web Hacer la Web accesible Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Una de las funciones de la Iniciativa de Accesibilidad Web (WAI) es desarrollar pautas y tcnicas que proporcionen soluciones accesibles para el software Web y para los desarrolladores Web.

Diapositiva 63

Accesibilidad Web Hacer la Web accesible Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Las pautas de WAI son consideradas como estndares internacionales de accesibilidad Web.

Diapositiva 64

Accesibilidad Web Hacer un sitio Web accesible Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Hacer tu sitio Web accesible Hacer un sitio Web accesible puede ser algo sencillo o complejo, depende de muchos factores como por ejemplo: El tipo de contenido El tamao y la complejidad del sitio As como de las herramientas de desarrollo y el entorno.

Diapositiva 65

Accesibilidad Web Hacer un sitio Web accesible Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Muchas de las caractersticas accesibles de un sitio se implementan de forma sencilla si se planean desde el principio del desarrollo del sitio Web o al comienzo de su rediseo. La modificacin de sitios Web inaccesible puede requerir un gran esfuerzo, sobre todo aquellos que no se "etiquetaron" correctamente con etiquetas estndares de XHTML, y sitios con cierto tipo de contenido, como multimedia.

Diapositiva 66

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Evaluacin de la accesibilidad de un sitio Web Cuando se desarrolla o redisea un sitio Web, la evaluacin de la accesibilidad de forma temprana y a lo largo del desarrollo permite encontrar al principio problemas de accesibilidad, cuando es ms fcil resolverlos.

Diapositiva 67

Accesibilidad Web Evaluacin de la accesibilidad de un sitio Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Tcnicas sencillas, como es cambiar la configuracin en un buscador, pueden determinar si una pgina Web cumple algunas de las pautas de accesibilidad. Una evaluacin exhaustiva, para determinar el cumplimiento de las pautas, es mucho ms compleja.

Diapositiva 68

Accesibilidad Web Evaluacin de la accesibilidad de un sitio Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Hay herramientas de evaluacin que ayudan a realizar evaluaciones de accesibilidad. No obstante, ninguna herramienta en s misma puede determinar si un sitio cumple o no las pautas de accesibilidad. Para determinar si un sitio Web es accesible, es necesaria la evaluacin humana.

Diapositiva 69

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Accesibilidad para usuarios con discapacidades Existen normas legales de distinto alcance territorial y jurisdiccional que tienden a facilitar el acceso a recursos web para personas con discapacidades. De cara al e-business, los usuarios con discapacidades se convierten en clientes fieles de proveedores que ofrecen buenos servicios y acomodados a sus circunstancias.

Diapositiva 70

Accesibilidad Web Accesibilidad para usuarios con discapacidades Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Ante la Web, la discapacidad se define como la condicin del usuario que le dificulta o impide el uso de los mtodos tradicionales de entrada/salida del ordenador tal y como fueron concebidos.

Diapositiva 71

Accesibilidad Web Accesibilidad para usuarios con discapacidades Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Aplicar estos conceptos a la Web es poco ms que volver a la propia filosofa de HTML: Separar los contenidos de la presentacin. Se permite as que navegadores especiales para discapacitados accedan sin problemas al contenido.

Diapositiva 72

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Iniciativa de accesibilidad Web Dentro de las iniciativas y especificaciones del WWW consortium (W3C), existen las especificaciones WAI.

Diapositiva 73

Accesibilidad Web Iniciativa de accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Estos estndares dicen principalmente que es lo que debera hacerse, pero en la prctica debe priorizarse el cumplimiento de estndares y planificar un proceso de revisin e implantacin de accesibilidad en base a los siguientes puntos:

Diapositiva 74

Accesibilidad Web Iniciativa de accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa La pgina de inicio y las pginas de mucho trfico deberan redisearse de forma que sigan las reglas mnimas de accesibilidad de forma inmediata.

Diapositiva 75

Accesibilidad Web Iniciativa de accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Seguidamente, todas las nuevas pginas deberan crearse cumpliendo la normativa y especificaciones de alta y baja prioridad, y superar un test adecuado antes de su publicacin.

Diapositiva 76

Accesibilidad Web Iniciativa de accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Tras esto, las pginas de trfico medio deberan ser readaptadas progresivamente a las especificaciones de alta prioridad.

Diapositiva 77

Accesibilidad Web Iniciativa de accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Como objetivo a largo plazo, las pginas de mucho trfico deberan readaptarse para cumplir todas las normas de accesibilidad, y extender este procedimiento a todos los componentes del sitio Web.

Diapositiva 78

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Discapacidades visuales En el estado actual de la Web, los ms serios problemas de accesibilidad de plantean a usuarios ciegos o con dificultades visuales. Por ejemplo, es importante controlar las combinaciones de colores para evitar su disfuncin con usuarios daltnicos.

Diapositiva 79

Accesibilidad Web Discapacidades visuales Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Es importante no realizar pginas demasiado grandes (la medida observada viene a ser de entre dos y tres pginas impresas) Y utiliza los tags,... para formatear el texto y facilitar su comprensin de un simple vistazo.

Diapositiva 80

Accesibilidad Web Discapacidades visuales Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Nunca asignes tamaos absolutos de fuentes (font). Los usuarios miopes gustan de configurar su navegador para usar fuentes grandes.

Diapositiva 81

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Discapacidades auditivas Desde sus inicios la Web es un medio eminentemente visual. De hecho en la mayora de las ocasiones la usabilidad permanece igual cuando desactivamos el sonido.

Diapositiva 82

Accesibilidad Web Discapacidades auditivas Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa En cualquier caso, el diseo debe hacerse teniendo en cuenta a los usuarios con discapacidades auditivas o a aquellos cuyo equipo carece de medios tcnicos suficientes para reducir el sonido.

Diapositiva 83

Accesibilidad Web Discapacidades auditivas Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Esto supone incluir transcripciones textuales de los speachs que se incluyen en formatos sonoro, as como en los videos que incluyan locuciones.

Diapositiva 84

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Discapacidades orales A fecha de hoy no presenta problema alguno porque son escasos y no exclusivos las interfaces basados en voz.

Diapositiva 85

Accesibilidad Web Discapacidades orales Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa De cara al futuro, puede preverse un progresivo crecimiento de este tipo de interface lo que significa que habr que tener cuidado con la implementacin de medios alternativos de interfaz para usuarios con dificultades de habla.

Diapositiva 86

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Discapacidades motrices Se refieren bsicamente a la dificultad motriz que impide al usuario bien mover el ratn con precisin o bien presionar varias teclas simultneamente.

Diapositiva 87

Accesibilidad Web Discapacidades motrices Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Esto afecta, en lo que se refiere al diseo de webs, a la realizacin de imgenes con mapas de opciones muy complejos o precisos, as como a la inclusin de imagemaps residentes en el servidor, que en inicio deben ser evitados.

Diapositiva 88

Accesibilidad Web Discapacidades motrices Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Ha de cuidarse la inclusin de applets u otros objetos interactivos, cuyo diseo ha de cumplir especificaciones de rango ms general para permitir su uso al margen del ratn.

Diapositiva 89

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Discapacidades cognitivas En el inicio la Web era usada slo por gente muy inteligente que eran pioneros de tecnologas avanzadas. Pero ahora que se va convirtiendo en un mercado masivo se produce la entrada de un gran nmero de gente que mueve la medio cultural a la baja.

Diapositiva 90

Accesibilidad Web Discapacidades cognitivas Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Es importante para incrementar la usabilidad asegurarse de que el contenido puede ser comprendido por lectores de un nivel de graduado escolar.

Diapositiva 91

Accesibilidad Web Discapacidades Cognitivas Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Pero adems deben de tenerse en cuenta cuestiones tales como: Dificultades para memorizar complicadas URLs o cdigos. Dificultades para visualizar mentalmente estructuras complejas. Dificultades para escribir de forma ortogrficamente correcta. Dificultades para los dislxicos.

Diapositiva 92

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Cmo se mide la Accesibilidad Web? Para gestionar correctamente los niveles de Accesibilidad Web, el W3C estableci unos puntos de verificacin, clasificados por niveles de prioridad, lo que facilita su uso a los desarrolladores de pginas Web.

Diapositiva 93

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa La Prioridad 1 es para los puntos de verificacin que el desarrollador de la Web tiene que satisfacer. De no hacerlo, el sitio no ser accesible para algunos grupos de personas. La Prioridad 2 es para los puntos de verificacin que el desarrollador debe alcanzar para que a los usuarios no les resulte muy difcil acceder al sitio en cuestin. La Prioridad 3 es la que el desarrollador debe alcanzar para que a los usuarios no les resulte difcil acceder al sitio.

Diapositiva 94

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa De esta forma, los sitios pueden dividirse en A, AA, y AAA, siendo este ltimo nivel el que indica mayor grado de accesibilidad.

Diapositiva 95

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa El nivel "A" de Conformidad quiere decir que se han satisfecho todos los puntos de verificacin de Prioridad 1, y grficamente se expresa con el siguiente logo, que puede ponerse en la pgina Web en cuestin

Diapositiva 96

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa El nivel "Doble-A" de Conformidad expresa que se han satisfecho todos los puntos de verificacin de Prioridad 1 y 2.

Diapositiva 97

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa El nivel "Triple-A" de Conformidad quiere decir que se han satisfecho todos los puntos de verificacin de Prioridad 1, 2, y 3.

Diapositiva 98

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa El W3C cre estos "Logos de Conformidad con las Directrices de Accesibilidad para el Contenido Web (WCAG)" con la idea de que los proveedores de contenido puedan usarlos libremente en sus sitios, para indicar su declaracin de conformidad con un nivel especfico de conformidad con las Directrices de Accesibilidad para el Contenido Web 1.0.

Diapositiva 99

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa En todo caso, el W3C no se responsabiliza de la utilizacin de estos logos por parte de los proveedores de contenidos, y sus pautas no tienen carcter normativo.

Diapositiva 100

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Herramientas: Revisin automtica WAI trabaja tambin para que las tecnologas y lenguajes de programacin usados en la Web (HTML, CSS, XML, SMIL) contribuyan a mejorar la accesibilidad, y existen otros iconos que expresan grficamente el grado de cumplimiento de las pautas de la WAI para cada uno de esos lenguajes. Por ejemplo:

Diapositiva 101

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Las propias pginas de validacin del W3C estn a disposicin del usuario en: http://validator.w3.org/ http://jigsaw.w3.org/css-validator/

Diapositiva 102

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Para el usuario de lengua espaola, existe una manera sencilla de conocer si una pgina Web se adecua a los criterios de accesibilidad. Para averiguarlo puede recurrirse a TAW (Test de Accesibilidad Web), disponible en http://www.tawdis.net/.http://www.tawdis.net/

Diapositiva 103

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Estamos ante una herramienta Web para el anlisis e informacin del grado de accesibilidad que presentan otras Web. Su objetivo es difundir la accesibilidad como requisito en el diseo y realizacin de pginas Web con el fin de permitir el acceso a todas las personas.

Diapositiva 104

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Cmo funciona? El sistema lee la pgina de forma on-line (se introduce la URL en una web del sitio web de Taw) o off-line (se descarga el programa y se ejecuta en local), la analiza basndose en los puntos de verificacin del WAI y genera un informe con el resultado del anlisis.

Diapositiva 105

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Revisin manual. La revisin automtica no es suficiente, pues hay elementos que requieren de la "inteligencia humana" o porque las herramientas actuales todava no validan. Por ejemplo, un cambio de idioma dentro de una pgina o comprobar si est marcada correctamente una cita.

Diapositiva 106

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Para ello, conviene utilizar la tabla de puntos de verificacin y revisarlos manualmente uno a uno a partir de una muestra de pginas del sitio web.

Diapositiva 107

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Adems, la WAI recomienda verificar el correcto funcionamiento de las pginas del sitio web bajo distintas circunstancias en las que algunos usuarios van a acceder a las mismas. Entre ellas: Utilice un navegador slo-texto o un emulador. Utilice varios navegadores grficos con: Sonidos y grficos cargados. Grficos no cargados. Sonidos no cargados.

Diapositiva 108

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Sin ratn. Marcos, scripts, hojas de estilo y applets no cargados. Utilice varios navegadores, viejos y nuevos. Utilice un navegador por voz, un lector de pantallas, un software de magnificacin, un visualizador pequeo, etc.

Diapositiva 109

Accesibilidad Web Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Conclusin: Accesibilidad pragmtica Tiene un alto grado de dificultad asegurar el 100% la accesibilidad de un sitio Web.

Diapositiva 110

Accesibilidad Web Conclusin: Accesibilidad pragmtica Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa En cualquier caso ha de adoptarse un criterio pragmtico teniendo en cuenta que la mayora de las cuestiones slo exigen un cierto cuidado y previsin a la hora del diseo de los elementos, sin penalizar en exceso tiempo ni costos de desarrollo.

Diapositiva 111

Accesibilidad Web Conclusin: Accesibilidad pragmtica Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa Una manera simple de comprobar la accesibilidad es visualizar nuestras pginas en un navegador de slo texto, como por ejemplo Lynx. Es tambin conveniente checar el sitio con un daltnico, y uno mismo en un equipo sin color, en escala de grises.

Diapositiva 112

Accesibilidad Web Conclusin: Accesibilidad pragmtica Multimedia V Universidad de Guadalajara | Centro Universitario de la Costa La posibilidad de probar el sitio con usuarios discapacitados, dado la variedad de discapacidades que existen slo es prioritaria en sitios especialmente dedicados a un colectivo de este tipo.