Análisis de accesibilidad. Fase 2.
LIBRERÍAS LECTURA
Secciones y páginas del sitio.
Podemos observar que la página tiene tres sectores acerca de,carrito y contactos, siendo la segunda quien más subunidades tiene, ya que te dirige a cada categoría que tiene el sitio. Y está la página principal “inicio” en la cual encuentras las Categorías de producto.
Acerca de: esta primera sección nos cuenta sobre la empresa, su historia y donde se encuentran, proporciona imágenes de sus instalaciones; además indica las editoriales con las que trabaja. No tiene ninguna subunidad, y el contenido sólo se limita a lo anterior mencionado.
Carrito. Es la sección donde se realiza la compra, este proceso se hace en tres pasos de forma consecutiva y lineal. Se acumula todo los productos seleccionados en el carrito, y al pulsar el botón de comprar, te dirige a la primera pantalla donde te da los detalles de tu compra, además de proporcionarte información de cómo funciona la entrega. Luego te dirige a completar tus datos de compra, y por último te da el comprobante de tu pedido.
Contacto. Te proporciona un formulario con tus datos para que puedas recibir información de forma personalizada; además te da las ubicaciones de sus tiendas físicas. Esta sección tiene una landing page para suscribirte a su newsletter. Y te da un vistazo fugaz de los productos que se encuentran en descuento o algún tipo de promoción.
Inicio. Te muestra todos los accesos de la página, si se tiene alguna promoción vigente hay un banner para ello, en el lateral derecho te da la información de tu carrito de compras, y un listado de las categorías de los productos. en la parte principal igual puedes ver los productos, y en la parte superior izquierda antes de los productos existe un filtro con las categorías de productos, para que puedas primero elegir la categoría del libro y segundo ver los libros en el orden que uno prefiera. Al final del inicio, puedes ver la invitación para newsletter, y Footer. En el pie de página están las ubicaciones de las tiendas físicas, además de los datos de contacto de la empresa. La política de privacidad y los términos y condiciones. Y por último están sus redes sociales.
Mi cuenta. Esta sección te permite acceder a tu cuenta de la página para poder realizar el proceso de compra más sencillo, solo consta de un paso de acceso si ya estás registrado, o dos pasos de registro si eres nuevo (a).
La página también tiene un buscador que te permite hallar los productos y te dirige a una sección donde puedes ver lo que seleccionaste.
Nivel de conformidad logrado.
A continuación se presentan por puntos si la página analizada cumple con lo requerimientos para cierto nivel de conformidad, se hizo el análisis para el nivel de conformidad A, el cual es el bàsico y mínimo que las paginas deberian tener, el origen de la pagina y al publico que esta orientado no requiere esencialmente un nivel mayor, no obstante, considerando que para los niveles AA y AAA es necesario primeramente cumplir con el nivel A, se partió haciendo un analisis únicamente de este nivel.
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.
1.1.1 Contenido no textual: El contenido no textual que se presenta al usuario no tiene una alternativa textual que cumple el mismo propósito.
Controles, Entrada de datos: Los contenidos no textuales de la página no tienen ningún tipo de indicador o alternativa..
Contenido multimedia tempodependiente: En la parte de presentación multimedia de las promociones, tiene un desarrollo temporal, si bien al pasar el cursor no se proporciona información descriptiva, al pie de cada imagen te indica el nombre del producto.
CAPTCHA: La página solo te ofrece una alternativa de CAPTCHA, y es através de la identificación de imágenes, el mismo no cuenta con modos de salida para distintos tipos de percepciones sensoriales, por lo que no se acomoda a las diferentes discapacidades.
Decoración, Formato, Invisible: La página tiene contenido no textual que es simple decoración, el fondo de la página que solo indica el número 25 de la trayectoria de la página, elemento meramente decorativo. No obstante no se puede ocultar o ignorar.
1.2 Medios tempodependientes: proporcionar alternativas para los medios tempodependientes.
1.2.1 Sólo audio y sólo vídeo (grabado): La página no ofrece ninguna alternativa de solo audio o video grabado.
1.2.2 Subtítulos (grabados): El contenido multimedia, donde se ofrecen los descuentos ofrece ninguna alternativa se subtitulos
1.2.3 Audiodescripción o Medio Alternativo (grabado): El contenido multimedia, donde se ofrecen los descuentos, no ofrece ninguna alternativa de autodescripción.
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.3.1 Información y relaciones: La información que proporciona la página tiene una buena estructura, estar jerarquizada ayuda en su proceso.
1.3.2 Secuencia significativa: Como se mencionó en el punto anterior la información y contenido está jerarquizado por lo que se presenta una secuencia correcta de lectura.
1.3.3 Características sensoriales: Las instrucciones proporcionadas para entender y operar el contenido no dependen exclusivamente en las características sensoriales de los componentes como su forma, tamaño, ubicación visual, orientación o sonido. (Nivel A) La pagina tiene una operación intuitiva, al operar dentro de la página no se necesita exclusivamente alguna característica sensorial, las instrucciones y proceso de compra son relativamente sencillos, no obstante carece de una explicación sencilla para seguir las instrucciones.
1.4 Facilitar a los usuarios ver y oír el contenido, incluyendo la separación entre el primer plano y el fondo.
1.4.1 Uso del color: El color principal de la página es un rosa brillante que si bien hace contraste con el tono gris de fondo de la página. lo que permite que se pueda indicar acciones con mayor facilidad, al ser un color tan vibrante, el mismo puede llegar a cansar la vista; pero es fácil reconocer textos y accesos con este color.
1.4.2 Control del audio:La página no contiene ningún medio no textual que sea de carácter auditivo.
2.1.1 Teclado: El desplazamiento del contenido es operable a través de una interfaz de teclado sin que se requiera una determinada velocidad para cada pulsación individual de las teclas, pero solo para el desplazamiento del contenido, otras funciones no están habilitadas para ser operables a través del teclado-
2.1.2 Sin trampas para el foco del teclado: La interfaz de teclado no permite ninguna acción adicional, por lo que es limitado en cuanto su funcionalidad.
2.2 Proporcionar a los usuarios el tiempo suficiente para leer y usar el contenido.
2.2.1 Tiempo ajustable: La página solo tiene un tiempo de espera en la parte de compra en el proceso de compra donde te dan un periodo de tiempo para realizar el pago en una de las alternativas que te dieron con anterioridad.
Ajustar: En el proceso de compra no es ajustable el tiempo que tienes de pago, pero te ofrece un tiempo que excede a las 20 horas, dando un total de 24 horas desde el momento de confirmación para que puedas realizar el pago.
2.2.2 Poner en pausa, detener, ocultar:La página tiene al final del inicio un carrusel de imágenes en movimiento que se va desplazando entre las alternativas, y cumple con el siguiente punto.
Actualización automática: Ya que la información de los productos se actualiza automáticamente mientras se va deslizando sin demorar más de dos segundo en cada producto, y no existe un mecanismo para que el usuario la pueda poner en pausa, detener u ocultar, o controlar la frecuencia de actualización.
2.3 No diseñar contenido de un modo que se sepa podría provocar ataques, espasmos o convulsiones.
2.3.1 Umbral de tres destellos o menos: La página web analizada no contiene nada que destelle más de tres veces en un segundo.
2.4 Proporcionar medios para ayudar a los usuarios a navegar, encontrar contenido y determinar dónde se encuentran.
2.4.1 Evitar bloques: Se le permite a las personas navegar secuencialmente a través del contenido a un acceso más directo al contenido principal de la página web.
2.4.2 Titulado de páginas: El título de página web solo indica su nombre, no hay ninguna descripción breve sobre a qué se dedica.
2.4.3 Orden del foco: El orden en que navegas en la página no afecta a su operatividad ni causa algún tipo de incongruencia.
2.4.4 Propósito de los enlaces (en contexto): La pàgina ayuda a los usuarios a comprender el propósito de cada enlace para que puedan decidir si desean seguir el enlace, lo hace con texto corto descriptivo.
3 Comprensible
3.1 Hacer que los contenidos textuales resulten legibles y comprensibles.
3.1.1 Idioma de la página: El idioma de la página web si puede ser determinado por software.
3.2 Hacer que las páginas web aparezcan y operen de manera predecible.
3.2.1 Al recibir el foco: Cuando cualquier componente recibe el foco, no inicia ningún cambio en el contexto. (Nivel A)
3.2.2 Al recibir entradas: El cambio de estado en cualquier componente de la interfaz de usuario no provoca automáticamente un cambio en el contexto a menos que el usuario haya sido advertido de ese comportamiento antes de usar el componente. (Nivel A)
3.3 Ayudar a los usuarios a evitar y corregir los errores.
3.3.1 Identificación de errores: Cuando ocurre un error la pagina solo te notifica que se ha producido un error, pero no especifica la causa, por lo que el usuario no puede determinar cuál es el problema. El mensaje de error no es específico.
3.3.2 Etiquetas o instrucciones: No hay ningún tipo de instrucciones para ningún proceso, especialmente para la parte de compra donde te piden el registro de tus datos y el pago.
4 Robusto
4.1 Maximizar la compatibilidad con las aplicaciones de usuario actuales y futuras, incluyendo las ayudas técnicas.
4.1.1 Procesamiento: Debido a que la página está elaborada con woocommerce de wordpress las tecnologías de asistencia, se pueden interpretar y analizar el contenido con precisión. Por lo que diferentes agentes de usuario pueden analizarlo.
4.1.2 Nombre, función, valor: La página usa controles estándar de tecnologías accesibles, considero que los elementos de la interfaz de usuario se utilizan de acuerdo con las especificaciones, por lo que se cumplen con las condiciones de esta disposición.
Después de este analisi por puntos en las pautas de accesibilidad, se pudo constatar de que la página no cumple con las especificaciones para tener un nivel de conformidad A, siendo este el más básico; ya que no cumple con todos los puntos, pero sí aproximadamente con la mitad de los puntos que requiere este nivel, algunos de los puntos podrían mejorarse con facilidad por lo que sí creo que llegaría al nivel mínimo.
Sugerencias sobre cómo lograr mejorar el nivel de conformidad logrado.
La página debería cumplir por lo menos con el Nivel A del Nivel de conformidad: La pautas de accesibilidad nos indican que para lograr conformidad con el Nivel A (el mínimo), la página web debería satisfacer todos los Criterios de Conformidad del Nivel A, o proporcionar una versión alternativa conforme.
Pero como se pudo observar en el punto anterior la página no cumple con este requerimiento por lo que sugiero las siguiente alternativas que considero podrían mejor el nivel de conformidad:
Agregar textos descriptivos a todo el contenido no textual que tenga la página, que en este caso son los iconos y las imágenes.
La página si necesita el proceso de captcha para continuar el pago, por lo que el diversificar sus formas de resolución, no solo limitándose a texto, harían que la página tuviera el nivel mínimo de conformidad.
El ajuste del texto, del tamaño y color del texto, pero principalmente el tamaño, ya que en ciertas secciones el texto llega a ser muy diminutivo, y con la paleta de color se pierde,
Revisar y poner en funcionalidad su link y accesos, un link de la página esta dañado, cosa que no debería ocurrir, además de que la opción de chatBot se encuentra inhabilitada pero la pagina no te lo comunica.
Siguiendo el punto anterior, la página debe establecer notificaciones claras y concisas de los errores que tiene la página.
La opción de audio grabado para ciertos medios creo que es importante la página tanto para los medios no textuales como para los textos.
Que en su multimedia dinámica pueda ser controlada, pausando el contenido para poder ver la descripción corta del producto antes de entrar a comprar el mismo.
Que el uso de colores pueda estar orientado a clarificar algunos accesos, expandir la paleta de colores a uno más para que exista una comunicación clara con el usuario.
Eliminar el contenido no textual que solo cumpla la función de estetica, como es el caso del número 25 en el fondo ya que el mismo no aporta a ningún proceso de la página, al contrario es ciertas secciones de la página como el catálogo de productos, no permite visualizar correctamente los productos y solo deja ruida visual y rompe con la armonía de la sección.
