1. Analisis de Accesibilidad Web en
librerias de México
Rodríguez Rosas Melissa Arely
Lic. En Informática, Instituto Tecnológico de Durango, Durango, Dgo. México
sekhmet_2405@hotmail.com
Resumen mencionaremos más adelante y que explican su uso y
como se desempeñan en su área.
En la actualidad muchos son los casos de páginas web en
las que se nos dificulta el poder dar un clic en alguna liga II. Definicion de diseño Web
y no se diga en querer obtener alguna información sobre
dicha pagina, ya sea porque no está clara la información Es una actividad que consiste en la planificación,
en la pestaña o no encontramos lo que queremos, no diseño e implementación de sitios web y páginas
obstante en este trabajo nos adentraremos en las pautas web. No es simplemente una aplicación del diseño
que se establecen para una buena accesibilidad pero convencional, ya que requiere tener en cuenta
específicamente en librerias web de México y sobre las cuestiones tales como navegabilidad, interactividad,
diferentes discapacidades de las personas y su dificultad usabilidad, arquitectura de la información y la
de accesar a dichas paginas, así como una análisis de interacción de medios como el audio, texto, imagen y
algunas paginas escogidas al azar para revisar si cumplen vídeo.[1]
con los requerimientos que se necesitan para tener una
buena accesibilidad. III. ¿Qué esW3C y WAI?
I. Introducción 1. El W3C: World Wilde Web Consortium nace en
1994, y es la organización que establece los
La accesibilidad ha tomado gran importancia en el estándares de la programación web. El fin de
transcurso de los años y es de suma relevancia tener en W3C es desarrollar los protocolos comunes y así
cuenta, al momento de crear páginas web, que muchas promover la evolución y garantizan su
personas no cuentan con algún sentido como el oído o la interpolaridad.
vista entre otras discapacidades y esto puede ser un gran La organización W3C tiene cuatro objetivos
impedimento para poder navegar en internet y si a esto le básicos:
sumamos que dichos sitios no cuentan con buena  Web para todos: Accesibilidad para todo el
accesibilidad, pues el resultado es muy malo. mundo de forma global.
 Web sobre todo: Intentar añadir el máximo de
Para comenzar analizaremos el concepto de diseño dispositivos a la Web.
web, los estándares de programación web (W3C)(WAI),  Base de conocimiento: Permitir que cada
también el significado de accesibilidad, su importancia, usuario pueda hacer un buen uso de la web.
beneficio, ventajas, los tipos de discapacidades que
afectan la accesibilidad web así como las pautas que se
 Seguridad: Guiar al desarrollo de la web
respetando las normas legales, comerciales y
deberán seguir para la accesibilidad 1.0 y los principios
los aspectos sociales originados por esta
para la 2.0.
tecnología. [2]
Para analizar el nivel de accesibilidad de dichas
librerias web se utilizaran algunas herramientas que ya

2. 2. La Web Accessibility Initiative (WAI) o la web. Una página web accesible puede ayudar a
Iniciativa para la Accesibilidad Web es una personas con discapacidad a que participen más
rama del World Wide Web Consortium que vela activamente en la sociedad. Por otra parte, la
por la accesibilidad de la Web. Accesibilidad Web, no sólo aporta beneficios a las
personas con discapacidad, también los aporta a las
La idea general del WAI es crear una serie de empresas, ya que se ha comprobado, que el desarrollo por
reglas claras. parte de una empresa de su sitio o portal web cumpliendo
con los estándares de Accesibilidad Web, le proporciona
El grado de accesibilidad se establece en niveles una mejora de su posicionamiento en los buscadores,
incrementa su cuota de mercado y audiencia de la web,
denominados A, AA, y AAA, correspondiendo
mejora su eficiencia y el tiempo de respuesta, y demuestra
respectivamente a criterios mínimos de
la responsabilidad social de la compañía. [6]
accesibilidad, extendidos, y accesibilidad
máxima. Técnicamente la accesibilidad se
implementa mediante pautas de lógica estructural
de documentos, contenido auto-explicativo y VI. Beneficios de la accesibilidad Web
semántica adicional, con la intención de permitir,
a una audiencia lo más extensa posible de
usuarios con distintos niveles de dotación
tecnológica y capacidad sensorial, acceder a la Los principales beneficios que ofrece la accesibilidad
información que se intenta representar y web.
transmitir.
 Aumenta el número de potenciales visitantes
Se incide especialmente en que las capacidades de la página web: Cuando una página web es
tecnológicas punteras (entiéndase por ejemplo accesible no presenta barreras que dificulten su
animaciones con Adobe Flash, JavaScript, AJAX) se usen acceso, independientemente de las condiciones
con la moderación o consideración suficiente para llegar del usuario. Una página web que cumple los
al máximo conjunto posible de usuarios con una estándares es más probable que se visualice
funcionalidad suficiente, sin desvirtuar el concepto de correctamente en cualquier dispositivo con
acceso frente al de avance tecnológico de moda, y cualquier navegador.
prestando especial cuidado de ofrecer información  Disminuye los costes de desarrollo y
alternativa. [3] mantenimiento: aunque inicialmente aprender a
hacer una página web accesible supone un coste,
una vez se tienen los conocimientos, el coste de
desarrollar y mantener una página web accesible
IV. Definicion de accesibilidad Web
es menor que frente a una no accesible, ya que
una página web accesible es una página bien
Accesibilidad significa que las personas con discapacidad hecha, menos propensa a contener errores y más
pueden percibir, entender, navegar e interactuar con un sencilla de actualizar.
sitio web, además de contribuir a él. [4]  Reduce el tiempo de carga de las páginas web
y la carga del servidor web: al separar el
Hablar de Accesibilidad Web es hablar de un acceso contenido de la información sobre la
universal a la Web, independientemente del tipo de presentación de una página web mediante CSS
hardware, software, infraestructura de red, idioma, se logra reducir el tamaño de las páginas web y,
cultura, localización geográfica y capacidades de los por tanto, se reduce el tiempo de carga de las
usuarios. [5] páginas web.[7]
VII. Ventajas de la accesibilidad Web
V. Importancia de la accesibilidad El desarrollo de sitios web accesibles comprende un
conjunto de ventajas entre las cuales cabe apuntar:
Se debe a que hoy en día la web es un recurso muy  Cumplir un derecho ciudadano a la participación
importante para muchos aspectos de la vida: educación, y no discriminación por razón de discapacidad.
empleo, gobierno, comercio, sanidad, entretenimiento y
 Cumplir las disposiciones legislativas al
otros. La sociedad actual que conocemos no es posible sin
respecto, tanto por la Administración Pública,

3. obligada a ello ante la ciudadanía, como por las Pautas.
redes privadas que aspiren a participar en
contratos con la Administración o financiación 1.- Ofrecer alternativas al contenido visual y auditivo.
pública. 2.- No apoyarse únicamente en el color y comprobar que
tanto textos como gráficos son comprensibles cuando se
 Maximización de los usuarios potenciales, mayor visualizan sin color.
alcance de la comunicación, servicios o 3.- Utilización adecuada de hojas de estilo y marcadores
mercado. De acuerdo con los datos del INE Marcando los documentos con los elementos estructurales
(1999), el 9% de la población en España tiene apropiados y controlando la presentación con hojas de
alguna discapacidad, en total 3.528.221 estilo en vez de con elementos y atributos de
personas. presentación.
 Al diseñar conforme a estándares de 4.- Identificar el lenguaje natural utilizado en cada
accesibilidad, garantizamos la equivalencia de documento, para facilitar la pronunciación o
los contenidos entre distintos navegadores y interpretación de texto abreviado o extranjero.
dispositivos. 5.- Creación de tablas de contenido cuya transformación
sea adecuada mediante marcadores que permitan su
Mejor indexación en los motores de búsqueda. El transformación a través de navegadores accesibles y otras
cumplimiento de las pautas, tanto en código como en aplicaciones de usuario.
contenidos semánticos (por ejemplo, vínculos con 6.- Ofrecer medios alternativos a las últimas tecnologías
sentido) permite a los motores de búsqueda una mejor Asegurar que los documentos son accesibles incluso
identificación de los contenidos, y en consecuencia, cuando el dispositivo de acceso no soporta o tiene
mayores posibilidades de posicionamiento en los desactivadas las últimas tecnologías.
buscadores. [8] 7.- Permitir que el usuario controle las variaciones sobre
contenidos basados en tiempo como animaciones,
VIII. Tipos de discapacidad que afectan la secuencias de diapositivas, etc.
accesibilidad Web 8.- Asegurar la accesibilidad del interfaz de usuario
independientemente del dispositivo de acceso.
Los principales tipos de discapacidades son: 9.- Diseñar con independencia del dispositivo utilizando
características y estándares que permitan activar o
Deficiencias visuales: Entre las que se encuentran la desactivar elementos de la página a través de diversos
ceguera, la visión reducida y los problemas en dispositivos de entrada.
visualización de color. 10.- Utilizar soluciones transitorias que permitan el
Deficiencias auditivas: Estas deficiencias pueden ser acceso de dispositivos antiguos como navegadores de
consideradas menos limitadoras en el acceso y uso de versiones antiguas y otras plataformas.
contenidos digitales, debido a que el canal sonoro es 11.- Apoyarse en tecnologías y pautas W3C o
mucho menos utilizado en interfaces web que el canal proporcionar versiones alternativas allí donde las pautas
visual. W3C no sean aplicables.
Deficiencias motrices: Son las relacionadas con la 12.- Proporcionar contexto y orientación a la información
capacidad de movilidad del usuario. Estos usuarios no a través de elementos complementarios que permitan la
suelen ser capaces de interactuar con el sistema a través comprensión de documentos complejos. (Títulos,
de dispositivos de entrada tradicionales, por lo que navegación...)
utilizan dispositivos alternativos. 13.- Ofrecer mecanismos claros y consistentes de
Deficiencias cognitivas y de lenguaje: Son usuarios que navegación que apoyen al usuario en su tarea de encontrar
presentan problemas en el uso del lenguaje, la lectura, información.
percepción, memoria, salud mental, entre otros. [9] 14.- Asegurar que los documentos sean claros y simples
para una comprensión más fácil.[10]
IX. Pautas y prioridades de accesibilidad Prioridades.
para la Web 1.0
Las prioridades están compuestas de diversos puntos que
A continuación se presentará un listado de las pautas se deben cumplir para decir que la página web si cuenta
diseñadas para la Accesibilidad web 1.0. con cierto nivel de accesibilidad. Algunos puntos que
forman parte de las prioridades son los siguientes:

4. 1 Proporcione un texto equivalente para todo elemento no X. Principios de accesibilidad para la
textual (Por ejemplo, a través de "alt", "longdesc" o en el Web 2.0
contenido del elemento). Esto incluye: imágenes,
representaciones gráficas del texto, mapas de imagen, Aquí mostraremos los principios que se debe contar en la
animaciones, "applets" y objetos programados, "ascii art", web 2.0.
marcos, scripts, imágenes usadas como viñetas en las
listas, espaciadores, botones gráficos, sonidos, archivos 1 Perceptible
exclusivamente auditivos, banda sonora del vídeo y 1.1 Proporcionar alternativas textuales para todo
vídeos. contenido no textual de modo que se pueda convertir a
2.1 Asegúrese de que toda la información transmitida a otros formatos que las personas necesiten.
través de los colores también esté disponible sin color. 1.2 Medios tempo dependientes: proporcionar alternativas
4.1 Identifique claramente los cambios en el idioma del para los medios tempo dependientes.
texto del documento y en cualquier texto equivalente (por 1.3 Crear contenido que pueda presentarse de diferentes
ejemplo, leyendas). formas sin perder información o estructura.
6.1 Organice el documento de forma que pueda ser leído 1.4 Facilitar a los usuarios ver y oír el contenido.
sin hoja de estilo. Por ejemplo, cuando un documento
HTML es interpretado sin asociarlo a una hoja de estilo, 2 Operable
tiene que ser posible leerlo. 2.1 Proporcionar acceso a toda la funcionalidad mediante
6.2 Asegúrese de que los equivalentes de un contenido el teclado.
dinámico son actualizados cuando cambia el contenido 2.2 Proporcionar a los usuarios el tiempo suficiente para
dinámico. leer y usar el contenido.
7.1 Hasta que las aplicaciones de usuario permitan 2.3 No diseñar contenido de un modo que se sepa podría
controlarlo, evite provocar destellos en la pantalla. provocar ataques, espasmos o convulsiones.
14.1 Utilice el lenguaje apropiado más claro y simple para 2.4 Proporcionar medios para ayudar a los usuarios a
el contenido. navegar, encontrar contenido y determinar dónde se
(W3C, W3C, 2003) encuentran.
Prioridad 1: Los desarrolladores de contenido web 3 Comprensible
DEBEN satisfacer estos puntos o el contenido será 3.1 Hacer que los contenidos textuales resulten legibles y
inaccesible para algunos usuarios. comprensibles.
3.2 Hacer que las páginas web aparezcan y operen de
Prioridad 2: Los desarrolladores de contenido web manera predecible.
DEBERIAN satisfacer estos puntos o el contenido podría 3.3 Ayudar a los usuarios a evitar y corregir los errores.
resultar inaccesible para algunos usuarios.
4 Robusto
Prioridad 3: Los desarrolladores de contenido web 4.1 Maximizar la compatibilidad con las aplicaciones de
PUEDEN satisfacer estos puntos o el contenido puede usuario actuales y futuras, incluyendo las ayudas técnicas.
presentar problemas de accesos para algunos usuarios. [11]
Según el nivel de adhesión a estas prioridades, el WAI XI. Herramientas que evalúan la
reconoce 3 niveles de conformidad para lo que permite la
inclusión de un logotipo (no verificado por W3C en accesibilidad
cuanto a su veracidad) indicando el nivel de conformidad
alcanzado. Actualmente ya existen diversos métodos para evaluar
Los niveles es una manera más simple de calificar una una página web los más comunes son los siguientes:
página web, en base a los puntos y las prioridades que
cumplan las páginas será los niveles que tengan. A TAW
continuación se muestran los diferentes niveles que hay:
TAW son las siglas de Test de Accesibilidad Web. Es una
Nivel "A" (A): incluye los puntos de verificación de herramienta para el análisis de la accesibilidad de sitios
prioridad 1. web, alcanzando de una forma integral y global a todos
Nivel "Doble A" (AA): incluye las prioridades 1 y 2. los elementos y páginas que lo componen.
Nivel "Triple A" (AAA): incluye las prioridades 1, 2 y 3.
[10] En cuanto al objetivo que se persigue con TAW:

5. Comprobar el nivel de accesibilidad alcanzado en el y observaciones que deberán ser comprobadas de forma
diseño y desarrollo de páginas web con el fin de permitir manual.
el acceso a todas las personas independientemente de sus
características diferenciadoras. El objetivo de INTAV es poder facilitar la revisión de
algunos aspectos de accesibilidad de las páginas Web. Al
Y, muy importante, respecto de quiénes pueden utilizar automatizar el análisis se consigue optimizar las acciones
TAW como herramienta de evaluación automática de y los esfuerzos dedicados en el análisis de accesibilidad
accesibilidad web, público en general y específicamente de una página web. [14]
profesionales de campo como webmasters,
desarrolladores, diseñadores de páginas web etc. [12]
XII. Evaluación de librerias Web en
México
HERA
HERA es una utilidad para revisar la accesibilidad de las A continuación algunas librerías Web en México, así
páginas web de acuerdo con las recomendaciones de las como una imagen de la página de inicio de estas y su
Directrices de Accesibilidad para el Contenido Web 1.0 evaluación de puntos de Accesibilidad basados en la
(WCAG 1.0). herramienta HERA, localizada en la siguiente dirección:
http://www.sidar.org/hera/index.php.es
HERA realiza un análisis automático previo de la página
e informa si se encuentran errores (detectables en forma Primera librería a evaluar:
automática) y qué puntos de verificación de las pautas www.librosyarte.com
deben ser revisados manualmente.
Puntos que adquirió en el análisis con la herramienta
La revisión manual es imprescindible para comprobar HERA:
realmente si la página es accesible. Para poder llevar a
cabo esta verificación manual es necesario conocer las Prioridad 1: cumple con 10 puntos pero no cumple con 6
directrices de accesibilidad, saber cómo utilizan los Prioridad 2: cumple con 19 puntos pero no cumple con 11
usuarios las ayudas técnicas y tener alguna experiencia en Prioridad 3: cumple con 11 puntos pero no cumple con 8
diseño y desarrollo de páginas web.
HERA facilita la revisión manual proporcionando
información acerca de los elementos a verificar, Porcentaje de
instrucciones sobre cómo realizar ese control y dos vistas
modificadas de la página (una en modo gráfico, otra del Accesibilidad de la página
código HTML) con los elementos más importantes
destacados con iconos y colores distintivos.
www.librosyarte.com.mx
Un formulario permite modificar los resultados 100%
automáticos, agregar comentarios a cada punto de 90% 36.6666
verificación e indicar el nombre del revisor. También es 80% 37.5
posible generar un informe final sobre la revisión, para 70% 42.1052
imprimir o descargar, en diversos formatos (XHTML, 60% % No logrado
RDF y PDF). [13] 50% 63.3333 de
40% Accesibilidad
30% 62.5
INTAV 57.8947
20% % de
INTAV (INTECO Accessibility Validator) es un servicio 10% Accesibilidad
que analiza, de forma automática, el cumplimiento de los 0%
requisitos de accesibilidad Web en base a la normativa
vigente y estándares (UNE 139803:2004 y WCAG).
De este modo, el servicio de INTAV revisa una página
Web e informa sobre los problemas de accesibilidad
detectados automáticamente, así como de las advertencias Grafica 1.- Porcentaje de accesibilidad en librería www.librosyarte.com

6. Segunda librería a evaluar:
www.beityala.com
Porcentaje de
Puntos que adquirió en el análisis con la herramienta
HERA: Accesibilidad de la
Prioridad 1: cumple con 11 puntos pero no cumple con 5 página
Prioridad 2: cumple con 16 puntos pero no cumple con 14
Prioridad 3: cumple con 14 puntos pero no cumple con 5
www.libroscentral.com
Porcentaje de
100%
Accesibilidad de la 90%
33.333
página 80% 43.75 42.1052
70%
www.beityala.com 60%
50% % No logrado
100% 40% de Accesibiliad
31.25 26.3157 66.6666
80% 46.6666 30% 56.25 57.89473 % Positivo de
60% % no logrado Accesibilidad
de 20%
40% 68.75 73.6842 Accesibilidad 10%
53.3333
20% 0%
% de
0% Accesibilidad
Gráfica 3.- Porcentajes de accesibilidad en la librería
Gráfica 2.-Porcentaje de accesibilidad en librería www.beityala.com www.libroscentral.com
XIII. Evaluación de librerias Web de
España
A continuación se evaluarán dos librerías Web de España
utilizando la misma herramienta con la que evaluamos las
librerías web de México, HERA.
. Segunda librería a evaluar:
www.casadellibro.com
Primera librería a evaluar:
www.libroscentral.com Puntos que adquirió en el análisis con la herramienta
HERA:
Puntos que adquirió en el análisis con la herramienta
HERA: Prioridad 1: cumple con 7 puntos pero no cumple con 9
Prioridad 2: cumple con 17 puntos pero no cumple con 13
Prioridad 1: cumple con 9 puntos pero no cumple con 7 Prioridad 3: cumple con 11 puntos pero no cumple con 8
Prioridad 2: cumple con 20 puntos pero no cumple con 10
Prioridad 3: cumple con 11 puntos pero no cumple con 8

7. Porcentaje de Promedio de
Accesibilidad de la Accesibilidad en las
página librerias web de España
www.casadellibro.com y México
% de Accesibilidad
100 % de Accesibilidad no cumplido
90
80 43.333342.1052
56.25
70 100%
60 % no logrado
90%
50 de
36.76
40 Accesibilidad 80% 43.48
30 56.666657.8947 % de 70%
43.75 Accesibilidad
20 60%
10
50%
0
40%
63.24
30% 56.52
20%
Gráfica 4.- Porcentajes de Accesibilidad en la librería
10%
www.casadellibro.com
0%
% de España México
Accesibilidad no 43.48 36.76
cumplido
% de
56.52 63.24
Accesibilidad
XIV. Comparación entre librerias Web de
Gráfica 5.- Comparación entre librerias de México y de España.
México y España
Para llevar a cabo la evaluación de la Accesibilidad XV. Conclusiones
usamos la herramienta HERA que mencionamos
secciones atrás y con base a los resultados adquiridos con
dicha herramienta se realizaron los promedios mostrados Las librerías web en México no tendrán los 3 niveles de
anteriormente. De manera gráfica los estos quedarían así: Accesibilidad al 100% pero como es un requisito el
estarse actualizando, no pueden dejar “detenida” la página
web, ya que es fuerte la competencia y para mantenerse
deben de dar el mejor servicio de la mejor manera a sus
clientes, esto incluye a las personas con alguna
discapacidad total o parcial ya que representan un
porcentaje importante de la población, aparte de que son

8. seres humanos y deben de tener los mismo derechos que [6]Cañizares Sales, R. (febrero de 2009). Hoy Hablamos de. Recuperado
el 28 de octubre de 2010, de Hoy Hablamos de: http://www.revista-
cualquier otro. Y eso no excluye el derecho de comprar
ays.com/DocsNum29/HoyHablamosDe/HoyHablamos29.pdf
libros en la web, sin ayuda de alguien más, o con riegos [7]Mora, S. (25 de noviembre de 2007). Universidad de Alicante.
de sufrir algún ataque epiléptico, entre otras cosas. Las Recuperado el 26 de noviembre de 2010, de Universidad de Alicante:
librerías web en México son buenas, ya que comparadas http://accesibilidadweb.dlsi.ua.es/index.php?menu=beneficios
[8]Discapnet. (29 de diciembre de 2004). Discapnet. Recuperado el 26
con algunas páginas de España el promedio de
de diciembre de 2010, de Discapnet:
accesibilidad es superior, porque el resultado de España http://www.discapnet.es/Castellano/areastematicas/Accesibilidad/Observ
es de 56.52% mientras que el resultado de México es de atorio_infoaccesibilidad/ventajasaccesibilidadsitioweb/Paginas/ventajas
63.24%.A pesar de las pocas leyes con las que cuenta delaaccesibilidad.aspx
[9]Montero Hassan, Y., & Martín Fernández, F.J. (14 de julio de 2003).
México sobre este tema, existen buenos programadores
NSU. Recuperado el 28 de octubre de 2010, de No Solo Usabilidad:
que se apegan a las pautas de accesibilidad, pero aún las http://www.nosolousabilidad.com/articulos/accesibilidad.htm
paginas se pueden mejorar. [10]Villa, L. (14 de enero de 2003). alzado. Recuperado el 23 de
noviembre de 2010, de alzado:
http://www.alzado.org/articulo.php?id_art=2
[11]W3C. (11 de diciembre de 2008). W3C. Recuperado el 26 de
noviembre de 2010, de W3C:
http://www.sidar.org/traducciones/wcag20/es/#contents
Referencias [12]FORPAS-Virtual. (1 de febrero de 2009). FORPAS-Virtual Servicio
de Formación y Desarrollo del PAS - Universidad de Sevilla.
[1]Web. (28 de octubre de 2010). Wikipedia. Recuperado el 08 de Recuperado el 26 de noviembre de 2010, de FORPAS-Virtual Servicio
octubre de 2010, de Wikipedia: de Formación y Desarrollo del PAS - Universidad de Sevilla:
http://es.wikipedia.org/wiki/Dise%C3%Blo web http://moodle.forpas.us.es/mod/resource/view.php?id=1341
[2]Did-web. (16 de septiembre de 2008). Did-web. Recuperado el 02 de [13]Benavídez, C. (12 de abril de 2005). Sidar. Recuperado el 26 de
diciembre de 2010, de Did-web: http://www.did-web.com/w3c.php noviembre de 2010, de Sidar: http://www.sidar.org/hera/
[3]Wikipedia/WAI. (20 de octubre de 2010). Wikipedia, la enciclopedia [14]Accesibilidad, W. (21 de noviembre de 2010). Wikipedia.
libre. Recuperado el 02 de diciembre de 2010, de Wikipedia, la Recuperado el 26 de noviembre de 2010, de Wikipedia:
enciclopedia libre: http://es.wikipedia.org/wiki/WAI http://es.wikipedia.org/wiki/Accesibilidad_web#INTAV
[4]Ricardo, A. (21 de noviembre de 2005). Agencia web. Recuperado el
28 de octubre de 2010, de Agencia web:
http://www.agenciaweb.cl/blog/accesibilidad-importancia.htm
[5]Webmaster. (23 de octubre de 2008). World Wide Web Consortium.
Recuperado el 08 de noviembre de 2010, de World Wide Web
Consortium: http://www.w3c.es/divulgacion/guiasbreves/accesibilidad