INSTITUTO TECNOLOGICO DE
DURANGO.
Taller de investigación II
Alumnas: Melissa Arely Rodríguez Rosas 08040864
Diana Karen Falcón Rosas 08040828
Nombre del Proyecto:
Análisis de Accesibilidad en las Librerías Web de México.
Catedrático:
Dra. Dora Luz González Bañales
Durango, Dgo., México, diciembre 2010
Instituto Tecnológico de Durango.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
2
ÍNDICE.
ÍNDICE. .......................................................................................................................... 2
ÍNDICE DE FIGURAS ....................................................................................................... 4
ÍNDICE DE GRÁFICAS ...................................................................................................... 4
Capítulo 1.- Introducción ............................................................................................... 5
1.1Planteamiento de Problema ............................................................................................. 5
1.2 Justificación .................................................................................................................... 5
1.3 Objetivo .......................................................................................................................... 5
1.4 Pregunta de Investigación ................................................................................................ 5
1.5 Metodología ................................................................................................................... 5
1.6 Organización de Contenido .............................................................................................. 6
Capítulo 2.- Marco teórico ............................................................................................. 7
2.1 Definición de diseño web ................................................................................................. 7
2.2 ¿Qué son W3C y WAI? ..................................................................................................... 7
2.3 Definición de accesibilidad web ....................................................................................... 8
2.4 Importancia de la accesibilidad ........................................................................................ 8
2.5 Beneficios de la Accesibilidad. ......................................................................................... 9
2.6 Ventajas de la Accesibilidad Web ..................................................................................... 9
2.7 Tipos de discapacidad que afectan a la accesibilidad Web .............................................. 10
2.8 Pautas y prioridades de Accesibilidad para la Web 1.0. ................................................... 12
2.9 Principios de Accesibilidad para la Web 2.0. ................................................................... 14
2.10 Herramientas que evalúan la Accesibilidad................................................................... 15
Capítulo 3.-Metodología de la Investigación. ............................................................... 18
Capítulo 4.- Librerías Web. ........................................................................................... 19
4.1 Para qué sirve el comercio electrónico. .......................................................................... 19
4.2 Ventajas de la compra por Internet. ............................................................................... 19
Instituto Tecnológico de Durango.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
3
4.3 Evaluación de Librerías Web en México. ........................................................................ 20
4.4 Evaluación de librerías web de España. .......................................................................... 28
4.5 Comparación de Accesibilidad en librerías web de México y España. ...................... 32
Conclusiones................................................................................................................ 33
Bibliografía ................................................................................................................. 34
Instituto Tecnológico de Durango.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
4
ÍNDICE DE FIGURAS Fig. 1.- Impresión de pantalla de la página de inicio de www.edicionescastillo.com ....................... 20
Fig. 2.- Impresión de pantalla de la página de inicio de www.librosyarte.com.mx .......................... 22
Fig. 3.- Impresión de pantalla de la página de inicio de www.beityala.com/inicio.html .................. 24
Fig. 4.- Impresión de pantalla de la página de inicio de www.mundovid.com ................................. 26
Fig. 5.- Impresión de pantalla de la página de inicio de www.libroscentral.com ............................. 28
Fig. 6.- Impresión de pantalla de la página de inicio de www.casadellibro.com .............................. 30
ÍNDICE DE GRÁFICAS Gráfica 1.- Resultado de puntos de Accesibilidad de la librería web www.edicionescastillo.com ... 21
Gráfica 2.- Resultado en porcentaje de Accesibilidad de la librería web www.edicionescastillo.com
........................................................................................................................................................... 21
Gráfica 3.-Resultado de puntos de Accesibilidad de la librería web www.librosyarte.com ............. 23
Gráfica 4.-Resultado en porcentaje de Accesibilidad de la librería web www.librosyarte.com ....... 23
Gráfica 5.- Resultado de puntos de Accesibilidad de la librería web www.beityala.com ................. 25
Gráfica 6.- Resultado en porcentaje de Accesibilidad de la librería web www.beityala.com .......... 25
Gráfica 7.-Resultado de puntos de Accesibilidad de la librería web www.mundovid.com .............. 27
Gráfica 8.-Resultado en porcentaje de Accesibilidad de la librería web www.mundovid.com ........ 27
Gráfica 9.-Resultado de puntos de Accesibilidad de la librería web www.libroscentral.com .......... 29
Gráfica 10.- Resultado en porcentaje de Accesibilidad de la librería web www.libroscentral.com . 29
Gráfica 11.-Resultado de puntos de Accesibilidad de la librería web www.casadellibro.com ......... 31
Gráfica 12.-Resultado en porcentaje de Accesibilidad de la librería web www.casadellibro.com ... 31
Gráfica 13.-Comparación de promedios de Accesibilidad entre México y España ........................... 32
Instituto Tecnológico de Durango.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
5
Capítulo 1.- Introducción En este capítulo se abordaran los temas de Planteamiento del problema, así como la justificación
del porque hacemos esta investigación, el objetivo, pregunta de investigación y la metodología en
la que se basará el proyecto. Y una breve sección donde se hablara de manera muy general sobre
temas del capítulo 2.
1.1Planteamiento de Problema Actualmente existen personas que al momento de crear una página web solo se preocupan por poner una buena combinación de colores entre las letras y el fondo, o que tenga música y un lindo fondo, además de que cumpla el objetivo para lo que fue creada, tal motivo, la mayoría de las empresas en México no les interesa seguir las normas de accesibilidad del diseño de página Webs y no le están sacando en verdadero provecho al comercio electrónico. Por eso es necesario que cumplan con ciertos reglamentos para que así, los clientes, tengan un buen servicio, cómodo y sobre todo fácil de usar. Existen diversas páginas de venta de libros, las librerías las emplean para modernizarse y darles facilidades a los clientes, sin embargo, la mayoría de estas páginas no son accesibles para todos los usuarios, ya que existen personas con alguna discapacidad y se les dificulta el usarlas.
1.2 Justificación Las empresas hoy en día, necesitan actualizarse continuamente, y para lograr estar a la cabeza en
popularidad tienen que buscar la manera de promocionar y distribuir sus productos o servicios a
través de todos los medios posibles, en el caso de las librerías, el contar con una página web
produce facilidades a los clientes, evitando tener que ir hasta el edificio donde se encuentre la
librería, entre otras cosas. Sin embargo, el no crear un adecuado sitio web producirá que un
porcentaje de los clientes se retiren ya que no cuenta con facilidades de manejo para personas
que cuentan con alguna discapacidad.
1.3 Objetivo Analizar la accesibilidad de las páginas web de venta de libros en México.
1.4 Pregunta de Investigación ¿Cuál es el nivel de Accesibilidad de las páginas web de librerías en México?
1.5 Metodología El enfoque de investigación es empírico-aplicado, de tipo descriptiva y de naturaleza cualitativa,
también es deductivo y su alcance descriptivo, de diseño no experimental.
Instituto Tecnológico de Durango.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
6
1.6 Organización de Contenido En este documento se encontrara información sobre el significado de accesibilidad, los puntos de
la Accesibilidad, las discapacidades de los usuarios, la importancia de la Accesibilidad, el diseño de
páginas WEB, compararemos páginas web de España con algunas de México para saber qué tan
enserio nos preocupamos en México por lograr un sitio web que cumpla todas las normas y los
requisitos establecidos.
Instituto Tecnológico de Durango.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
7
Capítulo 2.- Marco teórico En este capítulo se tocaran temas para complementar lo que es la accesibilidad, sus beneficios, la
importancia, así como las diferentes discapacidades de los usuarios, y las pautas que rigen la
elaboración de las páginas web.
2.1 Definición de diseño web Es una actividad que consiste en la planificación, diseño e implementación de sitios web y páginas
web. No es simplemente una aplicación del diseño convencional, ya que requiere tener en cuenta
cuestiones tales como navegabilidad, interactividad, usabilidad, arquitectura de la información y la
interacción de medios como el audio, texto, imagen y vídeo. (Web, 2010)
2.2 ¿Qué son W3C y WAI?
1. El W3C: World Wilde Web Consortium nace en 1994, y es la organización que establece los estándares de la programación web. El fin de W3C es desarrollar los protocolos comunes y así promover la evolución y garantizan su interpolaridad. Engloba cerca de 400 organizaciones de todo el mundo. Reúne a vendedores de productos, proveedores de contenidos, laboratorios de investigación, organismos de estandarización y gobiernos.
La organización W3C tiene cuatro objetivos básicos:
Web para todos: Accesibilidad para todo el mundo de forma global, sin barreras tecnológicas, limitaciones físicas o culturales.
Web sobre todo: Intentar añadir el máximo de dispositivos a la Web, actualmente estamos en un proceso de apertura donde las PDAs, televisiones están iniciando su camino hacia la Web.
Base de conocimiento: Permitir que cada usuario pueda hacer un buen uso de la web.
Seguridad: Guiar al desarrollo de la web respetando las normas legales, comerciales y los aspectos sociales originados por esta tecnología. (Did-web, 2008)
2. La Web Accessibility Initiative (WAI) o Iniciativa para la Accesibilidad Web es una rama del World Wide Web Consortium que vela por la accesibilidad de la Web.
Publica las Guías de Accesibilidad al Contenido Web. La idea general del WAI es crear una serie de reglas claras.
El grado de accesibilidad se establece en niveles denominados A, AA, y AAA, correspondiendo respectivamente a criterios mínimos de accesibilidad, extendidos, y accesibilidad máxima. Técnicamente la accesibilidad se implementa mediante pautas de
Instituto Tecnológico de Durango.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
8
lógica estructural de documentos, contenido auto-explicativo y 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 información que se intenta representar y transmitir.
Se incide especialmente en que las capacidades tecnológicas punteras (entiéndase por ejemplo animaciones con Adobe Flash, JavaScript, AJAX) se usen con la moderación o consideración suficiente para llegar al máximo conjunto posible de usuarios con una funcionalidad suficiente, sin desvirtuar el concepto de acceso frente al de avance
tecnológico de moda, y prestando especial cuidado de ofrecer información alternativa. (Wikipedia/WAI, 2010)
2.3 Definición de accesibilidad web Se puede definir como: La facilidad de acceso a la Información de un sitio web, sin limitación
alguna por razón de deficiencia, discapacidad, o minusvalía.
La W3C, el organismo encargado de regular los estándares de Internet, en su Web Accessibility
Initiative (WAI) da una definición más funcional: Accesibilidad significa que las personas con
discapacidad pueden percibir, entender, navegar e interactuar con un sitio web, además de
contribuir a él. (Ricardo, 2005)
Hablar de Accesibilidad Web es hablar de un acceso universal a la Web, independientemente del
tipo de hardware, software, infraestructura de red, idioma, cultura, localización geográfica y
capacidades de los usuarios. (Webmaster, 2008)
2.4 Importancia de la accesibilidad La importancia de la Accesibilidad Web, se debe a que hoy en día la web es un recurso muy
importante para muchos aspectos de la vida: educación, empleo, gobierno, comercio, sanidad,
entretenimiento y otros. La sociedad actual que conocemos no es posible sin la web, por ello es
muy importante que la web sea accesible para todas las personas, para así proporcionar un acceso
equitativo e igualdad de oportunidades a las personas independientemente de sus limitaciones.
Una página web accesible puede ayudar a personas con discapacidad a que participen más
activamente en la sociedad. Por otra parte, la Accesibilidad Web, no sólo aporta beneficios a las
personas con discapacidad, también los aporta a las empresas, ya que se ha comprobado, que el
desarrollo por parte de una empresa de su sitio o portal web cumpliendo con los estándares de
Accesibilidad Web, le proporciona una mejora de su posicionamiento en los buscadores,
incrementa su cuota de mercado y audiencia de la web, mejora su eficiencia y el tiempo de
respuesta, y demuestra la responsabilidad social de la compañía. (Cañizares Sales, 2009)
Instituto Tecnológico de Durango.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
9
2.5 Beneficios de la Accesibilidad.
Los principales beneficios que ofrece la accesibilidad web.
Aumenta el número de potenciales visitantes de la página web: esta es una razón muy importante para una empresa que pretenda captar nuevos clientes. Cuando una página web es accesible no presenta barreras que dificulten su acceso, independientemente de las condiciones del usuario. Una página web que cumple los estándares es más probable que se visualice correctamente en cualquier dispositivo con cualquier navegador.
Disminuye los costes de desarrollo y mantenimiento: aunque inicialmente aprender a hacer una página web accesible supone un coste (igual que supone un coste aprender a utilizar cualquier tecnología nueva), una vez se tienen los conocimientos, el coste de desarrollar y mantener una página web accesible es menor que frente a una no accesible, ya que una página web accesible es una página bien hecha, menos propensa a contener errores y más sencilla de actualizar.
Reduce el tiempo de carga de las páginas web y la carga del servidor web: al separar el contenido de la información sobre la presentación de una página web mediante CSS se logra reducir el tamaño de las páginas web y, por tanto, se reduce el tiempo de carga de las páginas web (Mora, 2007)
2.6 Ventajas de la Accesibilidad Web
El desarrollo de sitios web accesibles comprende un conjunto de ventajas entre las cuales cabe apuntar:
Cumplir un derecho ciudadano a la participación y no discriminación por razón de discapacidad.
Cumplir las disposiciones legislativas al respecto, tanto por la Administración Pública, obligada a ello ante la ciudadanía, como por las redes privadas que aspiren a participar en contratos con la Administración o financiación pública.
Maximización de los usuarios potenciales, mayor alcance de la comunicación, servicios o mercado. De acuerdo con los datos del INE (1999), el 9% de la población en España tiene alguna discapacidad, en total 3.528.221 personas.
Al diseñar conforme a estándares de accesibilidad, garantizamos la equivalencia de los contenidos entre distintos navegadores y dispositivos.
Mejor indexación en los motores de búsqueda. El cumplimiento de las pautas, tanto en código como en contenidos semánticos (por ejemplo, vínculos con sentido) permite a los motores de búsqueda una mejor identificación de los contenidos, y en consecuencia, mayores posibilidades de posicionamiento en los buscadores.
Instituto Tecnológico de Durango.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
10
Aunque no son equivalentes, la accesibilidad cursa una estrecha relación con la usabilidad de un sitio. Al cumplir requisitos de accesibilidad básicos en los elementos técnicos de una web (estructura de contenidos, vínculos, contraste de color, efectos y movimientos, formularios, tablas, etc.), mejoran las condiciones de uso para la mayor parte de las personas. (Discapnet, 2004)
2.7 Tipos de discapacidad que afectan a la accesibilidad Web Según la Organización Mundial de la Salud (OMS), alrededor del 10% de la población mundial, 650
millones de personas, viven con algún tipo de discapacidad7. Hay por lo menos 50 millones de
personas con discapacidad en América Latina y el Caribe, aproximadamente el 10% de la población
de la región8.(OMS, 2010)
De acuerdo con el XII Censo General de Población y Vivienda de 2000, casi el 2% de la población,
1.8 millones de personas, cuenta con uno o más tipos de discapacidad y en 7% de los hogares
mexicanos reside al menos una persona discapacitada. (Ceidas, 2010)
Los principales tipos de discapacidades son:
Deficiencias visuales: Entre las que se encuentran la ceguera, la visión reducida y los problemas en
visualización de color.
Deficiencias auditivas: Estas deficiencias pueden ser consideradas menos limitadoras en el acceso
y uso de contenidos digitales, debido a que el canal sonoro es mucho menos utilizado en
interfaces web que el canal visual. Aun así, no podemos olvidar limitaciones y barreras derivadas
de esta discapacidad, como es el caso del lenguaje.
Deficiencias motrices: Son las relacionadas con la capacidad de movilidad del usuario. Estos
usuarios no suelen ser capaces de interactuar con el sistema a través de dispositivos de entrada
tradicionales, por lo que utilizan dispositivos alternativos (Ejem: basados en voz).
Deficiencias cognitivas y de lenguaje: Son usuarios que presentan problemas en el uso del
lenguaje, la lectura, percepción, memoria, salud mental... (Montero Hassan & Martín Fernández,
2003)
Ejemplos:
1- Discapacidades visuales
Este tipo de discapacidades afectan a la percepción de estímulos visuales.
Ceguera
Instituto Tecnológico de Durango.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
11
Baja visión
Daltonismo
2- Discapacidades auditivas
Las discapacidades auditivas son las alteraciones cuantitativas de la correcta percepción de los
sonidos. Así, se puede distinguir entre una pérdida total de la capacidad auditiva y una
disminución más o menos relevante de la misma.
1.Sordera o cofosis
2.Hipoacusia
3- Discapacidades motrices
Las discapacidades motrices son aquellas que afectan a la correcta movilidad de las personas.
Algunas de las enfermedades que afectan al aparato locomotor son:
Distrofia muscular
Distonía muscular
Enfermedad de Parkinson
4- Discapacidades neurológicas y cognitivas
Las discapacidades neurológicas y cognitivas más frecuentes son las siguientes:
Relacionadas con el aprendizaje: dislexia, discalculia...
Trastornos de déficit de atención.
Dificultad para comprender conceptos complejos.
Falta de memoria.
Trastornos emocionales que dificultan la concentración.
Epilepsia.
5- Discapacidades relacionadas con el envejecimiento
Instituto Tecnológico de Durango.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
12
6- Limitaciones derivadas del entorno
Las limitaciones derivadas del entorno no pueden considerarse discapacidades en sentido estricto,
sino que son condiciones del entorno que restringen las posibilidades en el acceso a Internet. (f-
3.net, 2008)
2.8 Pautas y prioridades de Accesibilidad para la Web 1.0. A continuación se presentará un listado de las pautas diseñadas para la Accesibilidad web 1.0.
Pautas.
1.- Ofrecer alternativas al contenido visual y auditivo.
2.- No apoyarse únicamente en el color y comprobar que tanto textos como gráficos son
comprensibles cuando se visualizan sin color.
3.- Utilización adecuada de hojas de estilo y marcadores Marcando los documentos con los
elementos estructurales apropiados y controlando la presentación con hojas de estilo en vez de
con elementos y atributos de presentación.
4.- Identificar el lenguaje natural utilizado en cada documento, para facilitar la pronunciación o
interpretación de texto abreviado o extranjero.
5.- Creación de tablas de contenido cuya transformación sea adecuada mediante marcadores que
permitan su transformación a través de navegadores accesibles y otras aplicaciones de usuario.
6.- Ofrecer medios alternativos a las últimas tecnologías Asegurar que los documentos son
accesibles incluso cuando el dispositivo de acceso no soporta o tiene desactivadas las últimas
tecnologías.
7.- Permitir que el usuario controle las variaciones sobre contenidos basados en tiempo como
animaciones, secuencias de diapositivas, etc. Este control se traduce en la posibilidad de detener,
actualizar, dichos contenidos.
8.- Asegurar la accesibilidad del interfaz de usuario independientemente del dispositivo de acceso.
9.- Diseñar con independencia del dispositivo utilizando características y estándares que permitan
activar o desactivar elementos de la página a través de diversos dispositivos de entrada.
10.- Utilizar soluciones transitorias que permitan el acceso de dispositivos antiguos como
navegadores de versiones antiguas y otras plataformas.
Instituto Tecnológico de Durango.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
13
11.- Apoyarse en tecnologías y pautas W3C o proporcionar versiones alternativas allí donde las
pautas W3C no sean aplicables.
12.- Proporcionar contexto y orientación a la información a través de elementos complementarios
que permitan la comprensión de documentos complejos. (Títulos, navegación...)
13.- Ofrecer mecanismos claros y consistentes de navegación que apoyen al usuario en su tarea de
encontrar información.
14.- Asegurar que los documentos sean claros y simples para una comprensión más fácil.
(Villa, 2003)
Prioridades.
Las prioridades son los requisitos mínimos que se deben cumplir al momento de crear o evaluar
una página web accesible, las prioridades están compuestas de diversos puntos que se deben
cumplir para decir que la página web si cuenta con cierto nivel de accesibilidad. Algunos puntos
que forman parte de las prioridades son los siguientes:
1 Proporcione un texto equivalente para todo elemento no textual (Por ejemplo, a través de "alt",
"longdesc" o en el contenido del elemento). Esto incluye: imágenes, representaciones gráficas del
texto, mapas de imagen, animaciones (Por ejemplo, GIFs animados), "applets" y objetos
programados, "ascii art", marcos, scripts, imágenes usadas como viñetas en las listas,
espaciadores, botones gráficos, sonidos(ejecutados con o sin interacción del usuario), archivos
exclusivamente auditivos, banda sonora del vídeo y vídeos.
2.1 Asegúrese de que toda la información transmitida a través de los colores también esté
disponible sin color, por ejemplo mediante el contexto o por marcadores.
4.1 Identifique claramente los cambios en el idioma del texto del documento y en cualquier texto
equivalente (por ejemplo, leyendas).
6.1 Organice el documento de forma que pueda ser leído sin hoja de estilo. Por ejemplo, cuando
un documento HTML es interpretado sin asociarlo a una hoja de estilo, tiene que ser posible
leerlo.
6.2 Asegúrese de que los equivalentes de un contenido dinámico son actualizados cuando cambia
el contenido dinámico.
Instituto Tecnológico de Durango.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
14
7.1 Hasta que las aplicaciones de usuario permitan controlarlo, evite provocar destellos en la
pantalla.
14.1 Utilice el lenguaje apropiado más claro y simple para el contenido
(W3C, W3C, 2003)
Prioridad 1: Los desarrolladores de contenido web DEBEN satisfacer estos puntos o el contenido
será inaccesible para algunos usuarios.
Prioridad 2: Los desarrolladores de contenido web DEBERIAN satisfacer estos puntos o el
contenido podría resultar inaccesible para algunos usuarios.
Prioridad 3: Los desarrolladores de contenido web PUEDEN satisfacer estos puntos o el contenido
puede presentar problemas de accesos para algunos usuarios.
Según el nivel de adhesión a estas prioridades, el WAI reconoce 3 niveles de conformidad para lo
que permite la inclusión de un logotipo (no verificado por W3C en cuanto a su veracidad)
indicando el nivel de conformidad alcanzado.
Los niveles es una manera más simple de calificar una página web, en base a los puntos y las
prioridades que cumplan las páginas será los niveles que tengan. A continuación se muestran los
diferentes niveles que hay:
Nivel "A" (A): incluye los puntos de verificación de prioridad 1.
Nivel "Doble A" (AA): incluye las prioridades 1 y 2.
Nivel "Triple A" (AAA): incluye las prioridades 1, 2 y 3.
(Villa, 2003)
2.9 Principios de Accesibilidad para la Web 2.0. Aquí mostraremos los principios que se debe contar en la web 2.0.
1 Perceptible
1.1 Proporcionar alternativas textuales para todo contenido no textual de modo que se pueda
convertir a otros formatos que las personas necesiten, tales como textos ampliados, braille, voz,
símbolos o en un lenguaje más simple.
Instituto Tecnológico de Durango.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
15
1.2 Medios tempo dependientes: proporcionar alternativas para los medios tempo dependientes.
1.3 Crear contenido que pueda presentarse de diferentes formas (por ejemplo, con una
disposición más simple) sin perder información o estructura.
1.4 Facilitar a los usuarios ver y oír el contenido, incluyendo la separación entre el primer plano y
el fondo.
2 Operable
2.1 Proporcionar acceso a toda la funcionalidad mediante el teclado.
2.2 Proporcionar a los usuarios el tiempo suficiente para leer y usar el contenido.
2.3 No diseñar contenido de un modo que se sepa podría provocar ataques, espasmos o
convulsiones.
2.4 Proporcionar medios para ayudar a los usuarios a navegar, encontrar contenido y determinar
dónde se encuentran.
3 Comprensible
3.1 Hacer que los contenidos textuales resulten legibles y comprensibles.
3.2 Hacer que las páginas web aparezcan y operen de manera predecible.
3.3 Ayudar a los usuarios a evitar y corregir los errores.
4 Robusto
4.1 Maximizar la compatibilidad con las aplicaciones de usuario actuales y futuras, incluyendo las
ayudas técnicas. (W3C, 2008)
2.10 Herramientas que evalúan la Accesibilidad. Actualmente ya existen diversos métodos para evaluar una página web los más comunes son los
siguientes:
TAW
TAW son las siglas de Test de Accesibilidad Web. Es una herramienta para el análisis de la
accesibilidad de sitios web, alcanzando de una forma integral y global a todos los elementos y
páginas que lo componen.
Instituto Tecnológico de Durango.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
16
En cuanto al objetivo que se persigue con TAW:
Comprobar el nivel de accesibilidad alcanzado en el diseño y desarrollo de páginas web con el fin
de permitir el acceso a todas las personas independientemente de sus características
diferenciadoras.
Y, muy importante, respecto de quiénes pueden utilizar TAW como herramienta de evaluación
automática de accesibilidad web:
Público en general y específicamente profesionales de campo como webmasters, desarrolladores,
diseñadores de páginas web etc.
Es también importante conocer cómo trabaja TAW, es decir, en base a qué criterios analiza los
sitios web y muestra los resultados de la evaluación:
El TAW se basa, para la realización de los análisis, en las reglas desarrolladas por la Iniciativa de
Accesibilidad Web (WAI), perteneciente al World Wide Web Consortium (W3C). Estas
recomendaciones, denominadas Pautas de Accesibilidad al Contenido Web 1.0 (WCAG 1.0), son
normas "de facto" aceptadas universalmente.
(FORPAS-Virtual, 2009)
HERA
HERA es una utilidad para revisar la accesibilidad de las páginas web de acuerdo con las
recomendaciones de las Directrices de Accesibilidad para el Contenido Web 1.0 (WCAG 1.0). HERA
realiza un análisis automático previo de la página e informa si se encuentran errores (detectables
en forma automática) y qué puntos de verificación de las pautas deben ser revisados
manualmente.
La revisión manual es imprescindible para comprobar realmente si la página es accesible. Para
poder llevar a cabo esta verificación manual es necesario conocer las directrices de accesibilidad,
saber cómo utilizan los usuarios las ayudas técnicas y tener alguna experiencia en diseño y
desarrollo de páginas web.
HERA facilita la revisión manual proporcionando información acerca de los elementos a verificar,
instrucciones sobre cómo realizar ese control y dos vistas modificadas de la página (una en modo
gráfico, otra del código HTML) con los elementos más importantes destacados con iconos y
colores distintivos.
Instituto Tecnológico de Durango.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
17
Un formulario permite modificar los resultados automáticos, agregar comentarios a cada punto de
verificación e indicar el nombre del revisor. También es posible generar un informe final sobre la
revisión, para imprimir o descargar, en diversos formatos (XHTML, RDF y PDF).(Benavídez, 2005)
INTAV
INTAV (INTECO Accessibility Validator) es un servicio que analiza, de forma automática, el
cumplimiento de los 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 y observaciones que
deberán ser comprobadas de forma manual.
El objetivo de INTAV es poder facilitar la revisión de algunos aspectos de accesibilidad de las
páginas Web. Al automatizar el análisis se consigue optimizar las acciones y los esfuerzos
dedicados en el análisis de accesibilidad de una página web. (Accesibilidad, 2010)
Instituto Tecnológico de Durango.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
18
Capítulo 3.-Metodología de la Investigación.
En este capítulo se complementará la información sobre la Metodología de nuestra investigación
que fue expuesta en el subtema “Metodología” del Capítulo 1. Ampliando las razones por las que
se decidió por dichos métodos.
El enfoque de investigación es empírico-aplicado porque será basado en reglas ya establecidas
desde hace tiempo en la elaboración de páginas web, y se compararán esos parámetros de
accesibilidad en algunos sitios web de venta de libros, por tal razón esta metodología es de tipo
descriptiva y de naturaleza cualitativa ya que se usaran datos no numéricos para descubrir la
accesibilidad de algunas páginas web. Basado en los principios generales de la accesibilidad, y se
enfocará a un sector de trabajo específico esto hace que tenga un enfoque deductivo y su alcance
sea descriptivo, como las páginas web a evaluar ya existe la metodología será de diseño no
experimental, las páginas web se evaluarán usando la herramienta HERA que se encuentra en el
siguiente link: http://www.sidar.org/hera/index.php.es
Instituto Tecnológico de Durango.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
19
Capítulo 4.- Librerías Web. En este capítulo se verán temas como el comercio electrónico, sus ventajas, una rama de comercio
electrónico que son las librerías web de México, algunas de España, así como sus respectivas
evaluaciones y comparaciones de Accesibilidad entre ellas.
4.1 Para qué sirve el comercio electrónico. El comercio electrónico es un recurso útil para reforzar o complementar los canales tradicionales
de venta que tiene una empresa y que permite entre otras cosas posicionar al "negocio" en un
lugar importante dentro del mercado, proyectarlo a nivel local, nacional e internacional. El
crecimiento de este tipo de comercio es lento, pero constante en su avance. Tener una tienda
virtual está ya pasando de ser una forma de diferenciarse a ser un servicio que muy pocos pueden
permitirse no tener.(Magazine, 2007)
4.2 Ventajas de la compra por Internet. A continuación se enlistaran las ventajas más comunes de la compra por internet:
Disponibilidad 24/365.
Cada día más clientes.
Existencias ilimitadas.
Nuevos contactos.
Mejor atención a los clientes.
Menores costos de venta.
Menores costos de promoción.
Mayor prestigio y diferenciación.
Mayor y mejor información.
Canal de venta adicional.
Zonas de difícil acceso.
Mayor comodidad.
(Magazine, 2007)
Instituto Tecnológico de Durango.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
20
4.3 Evaluación de Librerías Web en México. A continuación algunas librerías Web en México, así como una imagen de la página de inicio de
estas y su evaluación de puntos de Accesibilidad basados en la herramienta HERA, localizada en la
siguiente dirección: http://www.sidar.org/hera/index.php.es
Fig. 1.- Impresión de pantalla de la página de inicio de www.edicionescastillo.com
Instituto Tecnológico de Durango.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
21
Gráfica 1.- Resultado de puntos de Accesibilidad de la librería web www.edicionescastillo.com
Gráfica 2.- Resultado en porcentaje de Accesibilidad de la librería web www.edicionescastillo.com
Total de Accesibilidad en librería web: 51.79823 %
0
5
10
15
20
25
30
Prioridad1 Prioridad 2 Prioridad3
6
18
11
10
12
8
Puntos de evaluación de Accesibilidad de la Libreria Web
www.edicionescastillo.com
Puntos no logrados
Puntos a favor
0
20
40
60
80
100
Prioridad 1 Prioridad 3 Prioridad 3
37.5
60 57.8947
62.5
40 42.1052
Porcentaje de Accesibilidad de la página www.edicionescastillo.com
% no logrado deAccesibilidad
% de Accesibilidad
Instituto Tecnológico de Durango.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
22
Fig. 2.- Impresión de pantalla de la página de inicio de www.librosyarte.com.mx
Instituto Tecnológico de Durango.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
23
Gráfica 3.-Resultado de puntos de Accesibilidad de la librería web www.librosyarte.com
Gráfica 4.-Resultado en porcentaje de Accesibilidad de la librería web www.librosyarte.com
Total de Accesibilidad en librería web: 61.24266 %
0
5
10
15
20
25
30
Prioridad 1 Prioridad 2 Prioridad 3
10
19
11
6
11
8
Gráfica de puntos de la Libreria web www.librosyarte.com.mx
Puntos No Cumplidos
Puntos cumplidos
0%
20%
40%
60%
80%
100%
Prioridad 1 Prioridad 2 Prioridad 3
62.5 63.3333 57.8947
37.5 36.6666 42.1052
Porcentaje de Accesibilidad de la página www.librosyarte.com.mx
% No logrado deAccesibilidad
% de Accesibilidad
Instituto Tecnológico de Durango.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
24
Fig. 3.- Impresión de pantalla de la página de inicio de www.beityala.com/inicio.html
Instituto Tecnológico de Durango.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
25
Gráfica 5.- Resultado de puntos de Accesibilidad de la librería web www.beityala.com
Gráfica 6.- Resultado en porcentaje de Accesibilidad de la librería web www.beityala.com
Total de Accesibilidad en librería web: 65.25583 %
0
5
10
15
20
25
30
Prioridad 1 Prioridad 2 Prioridad 3
11 16 14
5
14
5
Gráfica de puntos de la Libreria web www.beityala.com
Puntos no cumplidos
Puntos cumplidos
0%
20%
40%
60%
80%
100%
Prioridad 1 Prioridad 2 Prioridad 3
68.75 53.3333
73.6842
31.25 46.6666
26.3157
Porcentaje de Accesibilidad de la página www.beityala.com
% no logrado deAccesibilidad
% de Accesibilidad
Instituto Tecnológico de Durango.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
26
Fig. 4.- Impresión de pantalla de la página de inicio de www.mundovid.com
Instituto Tecnológico de Durango.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
27
Gráfica 7.-Resultado de puntos de Accesibilidad de la librería web www.mundovid.com
Gráfica 8.-Resultado en porcentaje de Accesibilidad de la librería web www.mundovid.com
Total de Accesibilidad en librería web: 59.61253 %
0
5
10
15
20
25
30
Prioridad 1 Prioridad 2 Prioridad 3
7
20
13
9
10
6
Gráfica de puntos de la Libreria web www.mundovid.com
Puntos No Cumplidos
Puntos Cumplidos
0%
20%
40%
60%
80%
100%
Prioridad 1 Prioridad 2 Prioridad 3
43.75
66.6666 68.421
56.25
33.3333 31.5789
Porcentaje de Accesibilidad de la Libreria web www.mundovid.com
% no logrado deAccesibilidad
% de Accesibilidad
Instituto Tecnológico de Durango.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
28
4.4 Evaluación de librerías web de España. A continuación se evaluarán dos librerías Web de España www.libroscentral.com y
www.casadellibro.com, utilizando la misma herramienta con la que evaluamos las librerías web de
México: http://www.sidar.org/hera/index.php.es
Primera librería web de España evaluada:
www.libroscentral.com
Fig. 5.- Impresión de pantalla de la página de inicio de www.libroscentral.com
A continuación una gráfica que muestra la cantidad de puntos de verificación para las pautas con
las que cuenta esta librería Web de España.
Instituto Tecnológico de Durango.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
29
Gráfica 9.-Resultado de puntos de Accesibilidad de la librería web www.libroscentral.com
Gráfica 10.- Resultado en porcentaje de Accesibilidad de la librería web www.libroscentral.com
Total de Accesibilidad en librería web: 60.27044 %
0
5
10
15
20
25
30
Prioridad 1 Prioridad 2 Prioridad 3
9
20
11
7
10
8
Gráfica de puntos de la Libreria web www.libroscentral.com
No Cumple
Si cumple
0%
20%
40%
60%
80%
100%
Prioridad 1 Prioridad 2 Prioridad 3
56.25 66.6666
57.89473
43.75 33.333
42.1052
Porcentaje de Accesibilidad de la página www.libroscentral.com
% No logrado de Accesibiliad
% Positivo de Accesibilidad
Instituto Tecnológico de Durango.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
30
Segunda librería web Española evaluada:
www.casadellibro.com
Fig. 6.- Impresión de pantalla de la página de inicio de www.casadellibro.com
Instituto Tecnológico de Durango.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
31
Gráfica 11.-Resultado de puntos de Accesibilidad de la librería web www.casadellibro.com
Gráfica 12.-Resultado en porcentaje de Accesibilidad de la librería web www.casadellibro.com
Total de Accesibilidad en librería web: 52.77043 %
0
5
10
15
20
25
30
Prioridad 1 Prioridad 2 Prioridad 3
7
17
11
9
13
8
Gráfica de puntos de la Libreria web www.casadellibro.com
Puntos No Cumplidos
Puntos Cumplidos
0
20
40
60
80
100
Prioridad 1 Prioridad 2 Prioridad 3
43.75 56.6666 57.8947
56.25 43.3333 42.1052
Porcentaje de Accesibilidad de la página www.casadellibro.com
% no logrado deAccesibilidad
% de Accesibilidad
Instituto Tecnológico de Durango.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
32
4.5 Comparación de Accesibilidad en librerías web de México y
España. El promedio de las 2 librerías web de España nos indican que cuentan con un 56.52% de
Accesibilidad, mientras que 2 páginas de México (www.librosyarte.com.mx y www.beityala.com)
cuentan con 63.24% de Accesibilidad. Para llevar a cabo la evaluación de la Accesibilidad usamos la
herramienta HERA que mencionamos secciones atrás y con base a los resultados adquiridos con
dicha herramienta se realizaron los promedios mostrados anteriormente. De manera gráfica los
estos quedarían así:
Gráfica 13.-Comparación de promedios de Accesibilidad entre México y España
0%
20%
40%
60%
80%
100%
España México
% de Accesibilidad no cumplido 43.48 36.76
% de Accesibilidad 56.52 63.24
56.52 63.24
43.48 36.76
Promedio de Accesibilidad en las librerias web de España y México
% de Accesibilidad % de Accesibilidad no cumplido
Instituto Tecnológico de Durango.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
33
Conclusiones. Esto solo es una comparación de páginas al azar, la razón por la que se escogió realizar
comparaciones con librerías web de España fue porque en ese país están más actualizados en el
tema de Accesibilidad web que en México, por tal motivo los españoles tienen diversos artículos
en su legislación que tratan sobre los derechos de acceso a la información (Sidar, 2008), sin
embargo este proyecto nos demostró que aun con todas las leyes y artículos hechos para la
accesibilidad web y personas con discapacidad, no se ha evolucionado al momento de ponerlas en
práctica. Y aunque México no ha avanzado tanto como España en la creación de artículos y leyes
(Abalcazar, 2007), sus niveles de accesibilidad son semejantes, ya que a pesar de que se tenga o
no respaldo de esto en la legislación de cada país existen pautas estandarizadas para todos
aquellos que quieran desarrollar una página web, gracias a la W3C y a WAI.
El objetivo de esta investigación es: Analizar la accesibilidad de las páginas web de venta de libros
en México. Ya que no se había abordado este tema en las librerías web. Los resultados superaron
las expectativas, ya que al ser comparadas algunas librerías mexicanas con otras españolas el
porcentaje de Accesibilidad en México obtuvo 6.72% más que la competencia.
Las librerías web en México no tendrán los 3 niveles de 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 seres humanos y deben de tener los
mismo derechos que cualquier otro. Y eso no excluye el derecho de comprar libros en la web, sin
ayuda de alguien más, o con riegos de sufrir algún ataque epiléptico, entre otras cosas. Las
librerías web en México son buenas, ya que comparadas con algunas páginas de España el
promedio de accesibilidad es superior, porque el resultado de España es de 56.52% mientras que
el resultado de México es de 63.24%.A pesar de las pocas leyes con las que cuenta México sobre
este tema, existen buenos programadores que se apegan a las pautas de accesibilidad, pero aún
las paginas se pueden mejorar.
Instituto Tecnológico de Durango.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
34
Bibliografía Abalcazar. (17 de Mayo de 2007). Blog de abc-discapacidad.com. Recuperado el 08 de Diciembre
de 2010, de Blog de abc-discapacidad.com: http://www.abc-
discapacidad.com/blog/2007/05/acceso_a_la_justicia_y_accesib.html
Accesibilidad, W. (21 de Noviembre de 2010). Wikipedia. Recuperado el 26 de Noviembre de 2010,
de Wikipedia: http://es.wikipedia.org/wiki/Accesibilidad_web#INTAV
Benavídez, C. (12 de Abril de 2005). Sidar. Recuperado el 26 de Noviembre de 2010, de Sidar:
http://www.sidar.org/hera/
Cañizares Sales, R. (Febrero de 2009). Hoy Hablamos de. Recuperado el 28 de Octubre de 2010, de
Hoy hablamos de : http://www.revista-
ays.com/DocsNum29/HoyHablamosDe/HoyHablamos29.pdf
Ceidas. (03 de Diciembre de 2010). Ceidas. Recuperado el 14 de Diciembre de 2010, de Ceidas:
http://www.ceidas.org/documentos/SLEWIS.pdf
Did-web. (16 de Septiembre de 2008). Did-web. Recuperado el 02 de Diciembre de 2010, de Did-
web: http://www.did-web.com/w3c.php
Discapnet. (29 de Diciembre de 2004). Discapnet. Recuperado el 26 de Noviembre de 2010, de
Discapnet:
http://www.discapnet.es/Castellano/areastematicas/Accesibilidad/Observatorio_infoacce
sibilidad/ventajasaccesibilidadsitioweb/Paginas/ventajasdelaaccesibilidad.aspx
f-3.net. (7 de Julio de 2008). f-3.net Nuevas Tecnologías. Recuperado el 10 de Noviembre de 2010,
de f-3.net Nuevas Tecnologías: http://www.f-3.net/deInteresDetalle.asp?id=79
FORPAS-Virtual. (1 de Febrero de 2009). FORPAS-Virtual. Servicio de Formación y Desarrollo del
PAS - Universidad de Sevilla. Recuperado el 26 de Noviembre de 2010, de FORPAS-Virtual.
Servicio de Formación y Desarrollo del PAS - Universidad de Sevilla:
http://moodle.forpas.us.es/mod/resource/view.php?id=1341
Magazine, E. (02 de Noviembre de 2007). GestioPolis. Recuperado el 03 de Diciembre de 2010, de
GestioPolis: http://www.gestiopolis.com/administracion-estrategia/estrategia/ventajas-
de-vender-por-internet.htm
Instituto Tecnológico de Durango.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
35
Montero Hassan, Y., & Martín Fernández, F. J. (14 de Julio de 2003). NSU. Recuperado el 28 de
Octubre de 2010, de No solo usabilidad:
http://www.nosolousabilidad.com/articulos/accesibilidad.htm
Mora, S. L. (25 de Noviembre de 2007). Universidad de Alicante. Recuperado el 26 de Noviembre
de 2010, de Universidad de Alicante:
http://accesibilidadweb.dlsi.ua.es/index.php?menu=beneficios
OMS. (03 de Diciembre de 2010). Organización Mundial de la Salud. Recuperado el 14 de
Diciembre de 2010, de Organización Mundial de la Salud:
http://www.who.int/mediacentre/events/annual/day_disabilities/es/index.html
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
Sidar, F. (07 de Junio de 2008). Sidar. Recuperado el 02 de Diciembre de 2010, de Fundación Sidar-
Acceso Universal. Seminario SIDAR: http://www.sidar.org/recur/direc/legis/espa.php
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
W3C. (25 de Noviembre de 2003). W3C. Recuperado el 03 de Diciembre de 2010, de W3C:
http://www.discapnet.es/web_accesible/wcag10/full-checklist.html
W3C. (11 de Diciembre de 2008). W3C. Recuperado el 26 de Noviembre de 2010, de W3C
Recommendation: http://www.sidar.org/traducciones/wcag20/es/#contents
Web, W. D. (28 de Octubre de 2010). Wikipedia. Recuperado el 28 de Octubre de 2010, de
Wikipedia: http://es.wikipedia.org/wiki/Dise%C3%B1o_web
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
Wikipedia/WAI. (20 de Octubre de 2010). Wikipedia, la enciclopedia libre. Recuperado el 02 de
Diciembre de 2010, de Wikipedia, la enciclopedia libre: http://es.wikipedia.org/wiki/WAI