Introducción a la Accessibility Solution de iubenda: Guía paso a paso
La Ley Europea de Accesibilidad entrará plenamente 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 la Accessibility Solution de iubenda, hacer tu sitio web más accesible nunca ha sido tan fácil.
La nueva Accessibility Solution 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 la Accessibility Solution de iubenda?
La Accessibility Solution 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: Activar la Accessibility Solution
Ve al dashboard de iubenda: en tu dashboard de iubenda, busca la sección Accessibility Solution entre los productos disponibles.
Activa el widget: pulsa el botón Activar para empezar a utilizar la Accessibility Solution.
Nota: La herramienta está en versión beta y su uso es gratuito hasta el 15 de abril. Después de esa fecha, pagarás 6 € mensuales por cada 10.000 páginas vistas.
🔜 Próximamente
Durante el desarrollo en curso, publicaremos continuamente nuevas funciones y opciones de personalización. Esto incluye ajustar la posición del widget, el color, la superposición por capas (z-index) y decidir cómo aparece en tu sitio web: como icono, etiqueta o ambos. Estas opciones facilitan que el widget se adapte perfectamente al diseño de tu sitio web. ¡Mantente al tanto!
Paso 2: Instalar el widget de la Accessibility Solution en tu sitio web
Una vez activado el widget, es hora de integrarlo en tu web.
Integra el widget: Copia el fragmento de código proporcionado para el widget de accesibilidad 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 widget de la Accessibility Solution 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 widget de accesibilidad 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.
Con la Accessibility Solution de iubenda puedes mejorar la accesibilidad de tu sitio web y ofrecer una experiencia mejor y más inclusiva a todos los usuarios.
¡Empieza hoy mismo a mejorar la accesibilidad de tu sitio web!
