Módulo de accesibilidad WCAG para PrestaShop | STK

Mejora la experiencia de navegación de tu tienda online con STK Accesibilidad PrestaShop WCAG, un módulo de accesibilidad para PrestaShop desarrollado por Surática Software. Incorpora una barra de herramientas que permite a los visitantes personalizar la visualización y utilizar diferentes ayudas durante la navegación.

Compatible con PrestaShop 1.6, 1.7, 8.x y 9.2, permite a los visitantes personalizar diferentes aspectos de la página mediante opciones como el aumento del texto hasta el 200 %, el alto contraste, el tema oscuro, el espaciado de lectura y la navegación mediante teclado. También incluye herramientas para destacar el foco, reducir las animaciones y acceder directamente al contenido principal.

Con STK Accesibilidad puedes ofrecer una experiencia de navegación más flexible e inclusiva, adaptada a diferentes preferencias y necesidades. Prueba la demo del módulo y descubre sus funcionalidades antes de incorporarlo a tu tienda PrestaShop.

¿Qué ofrece el módulo de accesibilidad para PrestaShop?

STK Accesibilidad PrestaShop WCAG incorpora herramientas que permiten a los visitantes personalizar la presentación del contenido y utilizar diferentes ayudas durante la navegación. El administrador puede configurar qué opciones aparecen en la barra para adaptarla a las características de su tienda.

Herramientas visuales para mejorar la lectura

Facilita la lectura y personalización de los contenidos con diferentes ajustes de visualización:

• Aumento del texto y zoom hasta el 200 %: permite ampliar el contenido y contempla elementos anidados y contenido cargado dinámicamente.
• Espaciado de lectura: ofrece dos niveles de espaciado para adaptar la presentación del texto.
• Alto contraste: ayuda a distinguir visualmente los elementos de la página.
• Tema oscuro: modifica la apariencia de la tienda para adaptarla a las preferencias de visualización.
• Cursor grande: incorpora un cursor de 48 píxeles y una variante específica para enlaces y botones.
• Guía de lectura horizontal: ayuda a seguir la línea de lectura mediante una guía que acompaña al puntero sin bloquear los clics.

Estas opciones permiten a cada visitante ajustar determinados aspectos visuales según sus preferencias, sin que todos los usuarios tengan que navegar con la misma configuración.

Navegación por teclado y ayudas de accesibilidad

El módulo incorpora funcionalidades destinadas a facilitar la navegación y el uso de los controles de la tienda:

• Indicador de foco de teclado: destaca el elemento que tiene el foco durante la navegación mediante teclado.
• Navegación mediante teclado: utiliza controles nativos y gestión del foco, con posibilidad de cerrar los controles correspondientes mediante la tecla Escape.
• Enlace «Saltar al contenido»: permite acceder directamente al contenido principal mediante un selector configurable y detección automática.
• Reducción de animaciones: reduce animaciones y transiciones CSS, e incluye la detección de la preferencia de movimiento reducido del sistema.
• Compatibilidad con tecnologías de asistencia: incorpora etiquetas y estados ARIA en los controles de accesibilidad.

Estas herramientas contribuyen a facilitar determinadas interacciones, aunque la accesibilidad global también depende de la estructura, el contenido, la plantilla y el resto de componentes de la tienda.

Barra de accesibilidad configurable y adaptable

STK Accesibilidad permite ajustar la barra de herramientas a las necesidades de cada ecommerce:

• 13 opciones de visibilidad independientes: selecciona qué herramientas quieres mostrar a los visitantes.
• Panel responsive: adapta la interfaz a ordenadores, tablets y dispositivos móviles, con desplazamiento interno.
• Botón para restablecer la configuración: permite recuperar rápidamente los ajustes iniciales.
• Guardado de preferencias: conserva las opciones seleccionadas por el visitante.
• Interfaz multidioma: incluye traducciones de controles, etiquetas para lectores de pantalla, títulos SVG, mensajes y opciones de configuración en diferentes idiomas.

Gracias a estas opciones, puedes configurar la barra de accesibilidad sin mostrar necesariamente todas las herramientas al mismo tiempo.

Comprobador de contraste WCAG para configurar los colores

El módulo incorpora un comprobador de contraste basado en la luminancia relativa sRGB que permite evaluar las combinaciones de colores configuradas.

La herramienta muestra la relación de contraste y permite compararla con las referencias de contraste WCAG AA y AAA. También informa del porcentaje del objetivo AAA alcanzado y del porcentaje restante.

Este comprobador resulta útil para revisar las combinaciones de colores y orientar los ajustes visuales de la tienda. Sin embargo, no certifica la conformidad WCAG de la web ni sustituye una auditoría completa de accesibilidad.

Mejora la accesibilidad y la experiencia de navegación de tu ecommerce

Una tienda online debe permitir que sus visitantes encuentren información, consulten productos y utilicen las funciones disponibles con la mayor facilidad posible.

Con STK Accesibilidad PrestaShop WCAG, los usuarios pueden adaptar el tamaño del texto, el contraste, el espaciado, el cursor y otros aspectos de la visualización. Además, las opciones de navegación por teclado, foco y acceso al contenido principal proporcionan ayudas adicionales para interactuar con la página.

El módulo puede formar parte de una estrategia de mejora de la accesibilidad web, junto con la revisión de la plantilla, los contenidos, los formularios, el proceso de compra y los módulos de terceros. Su instalación, por sí sola, no garantiza que la tienda cumpla todos los criterios de las pautas WCAG.

Compatibilidad del módulo de accesibilidad para PrestaShop

STK Accesibilidad está diseñado para tiendas que utilizan PrestaShop 1.6, 1.7, 8.x y 9.2.

Su barra de herramientas cuenta con una interfaz adaptable a dispositivos móviles y permite gestionar las opciones de accesibilidad desde su configuración. Antes de instalarlo, comprueba los requisitos técnicos de tu tienda y la compatibilidad de la versión concreta que utilizas.

Prueba la demo de STK Accesibilidad PrestaShop WCAG

¿Quieres comprobar cómo funciona una barra de accesibilidad en tu tienda online? Accede a la demo de STK Accesibilidad y explora las herramientas de visualización, navegación y configuración disponibles.

La demo te permite conocer mejor las posibilidades del módulo y valorar qué opciones se ajustan a las necesidades de tu ecommerce antes de incorporarlo.

Si necesitas ayuda con el módulo, Surática Software ofrece soporte directo para resolver tus dudas y orientarte sobre su funcionamiento y configuración.