Tabla de contenidos

Introducción al WayWidget de iubenda: Guía paso a paso

La Ley Europea de Accesibilidad (EAA) entró en vigor el 28 de junio de 2025, con nuevos requisitos para la accesibilidad de los sitios web. Para las empresas que operan en la Unión Europea, o que sirven a clientes de la UE, es crucial mejorar la accesibilidad y adaptarse a estas nuevas normas. Con el WayWidget de iubenda, hacer tu sitio web más accesible nunca ha sido tan fácil.

El nuevo WayWidget de iubenda utiliza ajustes basados en IA para que tu sitio web sea automáticamente más accesible para usuarios con diferentes discapacidades. La solución es compatible con una serie de funciones de accesibilidad, lo que facilita a los usuarios la navegación y la interacción con tu sitio web.

¿Qué es el WayWidget de iubenda?

El WayWidget de iubenda es un widget totalmente automatizado diseñado para mejorar la accesibilidad de tu sitio web. Ajusta tu sitio web en tiempo real para adaptarlo a las necesidades de los usuarios con discapacidad, incluyendo opciones como el cambio de tamaño del texto, modos de alto contraste, compatibilidad con lectores de pantalla y mucho más. Entre sus principales características se incluyen:

🎧 Compatibilidad con lectores de pantalla: Ayuda a que los lectores de pantalla puedan leer tu sitio web para usuarios con deficiencias visuales.
🔳 Contraste y cambio de tamaño del texto: permite a los usuarios ajustar el contraste y el tamaño de la letra según sus necesidades.
⌨️ Navegación por teclado: mejora la navegación por teclado para usuarios con deficiencias motrices.
🌀 Control del contenido dinámico: permite a los usuarios con epilepsia u otras afecciones detener animaciones o contenidos dinámicos que puedan ser perjudiciales.

Con un sencillo proceso de instalación, puedes empezar de inmediato sin tener que revisar el código de tu sitio web.

Paso 1: Activando el WayWidget

Ve al dashboard de iubenda: En tu dashboard de iubenda, busca la sección WayWidget entre los productos disponibles.
Activa el widget: Haz clic en el botón Activar para comenzar a usar el WayWidget.

Paso 2: Personalizando el WayWidget

Una vez que hayas activado el WayWidget, puedes hacerlo coincidir con el aspecto y la sensación de tu sitio web utilizando el Configurator de WayWidget. Esta herramienta está disponible tanto para nuevos planes de precios como para planes heredados.

Ve a tu dashboard de iubenda.
Busca la sección WayWidget.
Haz clic en el botón Ajustes para abrir el configurador.

El configurador se verá así:

Dentro del configurador, encontrarás varias opciones para personalizar el widget:

Posición del botón de activación: Elige dónde aparece el botón del widget en la pantalla: Top-left, Bottom-left, Bottom-right, Top-right

👉 El panel principal del widget siempre se abrirá desde la parte inferior de la pantalla.

Color de fondo del widget: Cambia el color de fondo para que se ajuste mejor al diseño de tu sitio. (La personalización de texto aún no está disponible.)
Apariencia del botón de activación: Ajusta tanto el color del icono como el color de fondo del botón de activación.
Idioma por defecto: Establece el idioma por defecto para la interfaz del widget, haciéndola más accesible para tu audiencia.
URL de la declaración de accesibilidad: Agrega un enlace personalizado a la declaración de accesibilidad de tu sitio, para que los usuarios puedan encontrarlo fácilmente.

💡 Cualquier cambio que realices en el configurador se aplicará automáticamente a tu WayWidget, incluso si ya está integrado en tu sitio web.

Paso 3: Instalando el WayWidget en tu sitio web

Una vez que hayas activado y configurado el widget, puedes integrarlo en tu sitio.

Integra el widget: Copia el fragmento de código proporcionado para el WayWidget y pégalo al principio de la sección head de tu sitio web (justo después de la etiqueta <head>) para instalar el widget.

Verifica la funcionalidad del widget: después de integrarlo, actualiza tu sitio web para asegurarte de que el widget es visible y funcional. Ahora deberías ver un pequeño icono de accesibilidad:

Cómo funciona para los usuarios finales

Una vez que el WayWidget esté integrado y activo en tu sitio web, los usuarios finales podrán interactuar con él para personalizar su experiencia de navegación. Cuando los usuarios cambian su configuración a través del widget, se realizan ajustes en tiempo real en el diseño del sitio web, garantizando que el contenido se optimice de forma instantánea en función de las preferencias seleccionadas. A continuación te explicamos cómo se comporta el widget y las funciones que ofrece:

Aspecto del widget: El WayWidget aparece como un pequeño icono; cuando los usuarios hacen clic en él, se abre un menú de opciones de accesibilidad, proporcionando una forma sencilla de ajustar el diseño del sitio web.

Preferencias del usuario: el widget permite a los usuarios seleccionar sus preferencias de accesibilidad, como:

Tamaño del texto: los usuarios pueden ajustar el tamaño del texto para una mejor legibilidad.
Ajustes de contraste: ajusta el contraste para que el contenido destaque con mayor claridad, especialmente para las personas con deficiencias visuales.
Otras opciones de visualización: el widget también ofrece una serie de ajustes de visualización para satisfacer diferentes necesidades, facilitando a los usuarios la navegación por la web de la forma que más les convenga.
Tamaño y estilo del texto: amplía o ajusta el texto de forma que sea más legible sin necesidad de recargar la página.
Contraste: aplica cambios a los colores del fondo y del texto para mejorar la visibilidad de los usuarios con daltonismo o baja visión.

Control de contenidos dinámicos: para los usuarios que puedan ser sensibles a las animaciones o al contenido parpadeante, el widget les da la opción de desactivar las animaciones o modificar el comportamiento del contenido dinámico. Esto es especialmente beneficioso para personas con enfermedades como la epilepsia.
Navegación mejorada: además de los cambios visuales, el widget mejora la navegación por teclado optimizando el orden de enfoque, lo que facilita a los usuarios con deficiencias motoras navegar e interactuar con la página de forma eficiente.
Compatibilidad con lectores de pantalla: el widget garantiza que todos los elementos sean compatibles con los lectores de pantalla, asegurando que los usuarios con deficiencias visuales puedan comprender e interactuar fácilmente con todo el contenido de tu sitio web.
Cómodo y accesible: los ajustes de accesibilidad permanecen fácilmente accesibles en cualquier momento, con el widget flotando en una posición fija en la web, lo que permite a los usuarios realizar cambios siempre que lo necesiten.