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.