Heinsohn Privacidad y Ciberseguridad para el sector educativo
Accesibilidad web de Librerias en México
1. 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
2. Instituto Tecnológico de Durango.
Í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
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
2
3. Instituto Tecnológico de Durango.
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
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
3
4. Instituto Tecnológico de Durango.
Í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
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
4
5. Instituto Tecnológico de Durango.
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.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
5
6. Instituto Tecnológico de Durango.
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.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
6
7. Instituto Tecnológico de Durango.
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
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
7
8. Instituto Tecnológico de Durango.
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)
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
8
9. Instituto Tecnológico de Durango.
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.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
9
10. Instituto Tecnológico de Durango.
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
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
10
11. Instituto Tecnológico de Durango.
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
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
11
12. Instituto Tecnológico de Durango.
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.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
12
13. Instituto Tecnológico de Durango.
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.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
13
14. Instituto Tecnológico de Durango.
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.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
14
15. Instituto Tecnológico de Durango.
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.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
15
16. Instituto Tecnológico de Durango.
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.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
16
17. Instituto Tecnológico de Durango.
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)
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
17
18. Instituto Tecnológico de Durango.
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
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
18
19. Instituto Tecnológico de Durango.
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)
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
19
20. Instituto Tecnológico de Durango.
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
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
20
21. Instituto Tecnológico de Durango.
Puntos de evaluación de Accesibilidad de
la Libreria Web
www.edicionescastillo.com
30
25 12
20
Puntos no logrados
15 8
10 Puntos a favor
10 18
11
5 6
0
Prioridad1 Prioridad 2 Prioridad3
Gráfica 1.- Resultado de puntos de Accesibilidad de la librería web www.edicionescastillo.com
Porcentaje de Accesibilidad de la página
www.edicionescastillo.com
100
80 40 42.1052
62.5 % no logrado de
60 Accesibilidad
40 % de Accesibilidad
60 57.8947
20 37.5
0
Prioridad 1 Prioridad 3 Prioridad 3
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 %
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
21
22. Instituto Tecnológico de Durango.
Fig. 2.- Impresión de pantalla de la página de inicio de www.librosyarte.com.mx
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
22
23. Instituto Tecnológico de Durango.
Gráfica de puntos de la Libreria web
www.librosyarte.com.mx
30
25 11
20
Puntos No Cumplidos
15 8
6 Puntos cumplidos
10 19
10 11
5
0
Prioridad 1 Prioridad 2 Prioridad 3
Gráfica 3.-Resultado de puntos de Accesibilidad de la librería web www.librosyarte.com
Porcentaje de Accesibilidad de la página
www.librosyarte.com.mx
100%
37.5 36.6666 42.1052
80%
% No logrado de
60% Accesibilidad
40% % de Accesibilidad
62.5 63.3333 57.8947
20%
0%
Prioridad 1 Prioridad 2 Prioridad 3
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 %
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
23
24. Instituto Tecnológico de Durango.
Fig. 3.- Impresión de pantalla de la página de inicio de www.beityala.com/inicio.html
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
24
25. Instituto Tecnológico de Durango.
Gráfica de puntos de la Libreria web
www.beityala.com
30
25 14
20
5 Puntos no cumplidos
15 5
Puntos cumplidos
10 16 14
11
5
0
Prioridad 1 Prioridad 2 Prioridad 3
Gráfica 5.- Resultado de puntos de Accesibilidad de la librería web www.beityala.com
Porcentaje de Accesibilidad de la
página www.beityala.com
100%
31.25 26.3157
80% 46.6666
% no logrado de
60% Accesibilidad
40% 73.6842 % de Accesibilidad
68.75
53.3333
20%
0%
Prioridad 1 Prioridad 2 Prioridad 3
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 %
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
25
26. Instituto Tecnológico de Durango.
Fig. 4.- Impresión de pantalla de la página de inicio de www.mundovid.com
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
26
27. Instituto Tecnológico de Durango.
Gráfica de puntos de la Libreria web
www.mundovid.com
30
25 10
20
6 Puntos No Cumplidos
15
9 Puntos Cumplidos
10 20
13
5 7
0
Prioridad 1 Prioridad 2 Prioridad 3
Gráfica 7.-Resultado de puntos de Accesibilidad de la librería web www.mundovid.com
Porcentaje de Accesibilidad de la Libreria
web www.mundovid.com
100%
33.3333 31.5789
80% 56.25
% no logrado de
60% Accesibilidad
% de Accesibilidad
40% 66.6666 68.421
43.75
20%
0%
Prioridad 1 Prioridad 2 Prioridad 3
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 %
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
27
28. Instituto Tecnológico de Durango.
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.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
28
29. Instituto Tecnológico de Durango.
Gráfica de puntos de la Libreria web
www.libroscentral.com
30
10
25
20 No Cumple
8
15 7 Si cumple
20
10
9 11
5
0
Prioridad 1 Prioridad 2 Prioridad 3
Gráfica 9.-Resultado de puntos de Accesibilidad de la librería web www.libroscentral.com
Porcentaje de Accesibilidad de la página
www.libroscentral.com
100%
33.333
80% 43.75 42.1052
60% % No logrado de Accesibiliad
40% % Positivo de Accesibilidad
66.6666
56.25 57.89473
20%
0%
Prioridad 1 Prioridad 2 Prioridad 3
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 %
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
29
30. Instituto Tecnológico de Durango.
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
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
30
31. Instituto Tecnológico de Durango.
Gráfica de puntos de la Libreria web
www.casadellibro.com
30
25 13
20
8 Puntos No Cumplidos
15
9 Puntos Cumplidos
10 17
11
5 7
0
Prioridad 1 Prioridad 2 Prioridad 3
Gráfica 11.-Resultado de puntos de Accesibilidad de la librería web www.casadellibro.com
Porcentaje de Accesibilidad de la
página www.casadellibro.com
100
80 43.3333 42.1052
56.25
% no logrado de
60 Accesibilidad
40 % de Accesibilidad
56.6666 57.8947
43.75
20
0
Prioridad 1 Prioridad 2 Prioridad 3
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 %
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
31
32. Instituto Tecnológico de Durango.
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í:
Promedio de Accesibilidad en las librerias
web de España y México
% de Accesibilidad % de Accesibilidad no cumplido
100%
43.48 36.76
80%
60%
40% 56.52 63.24
20%
0%
España México
% de Accesibilidad no cumplido 43.48 36.76
% de Accesibilidad 56.52 63.24
Gráfica 13.-Comparación de promedios de Accesibilidad entre México y España
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
32
33. Instituto Tecnológico de Durango.
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.
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
33
34. Instituto Tecnológico de Durango.
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
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
34
35. Instituto Tecnológico de Durango.
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
Lic. Informática
Melissa Arely Rodríguez Rosas Diana Karen Falcón Rosas
35