Descripción: Herramienta que permite a los usuarios personalizar la interfaz del sitio web según necesidades visuales, cognitivas o motoras específicas, garantizando una navegación más cómoda para todos.
¿Para qué sirve? (Ejemplos prácticos)
Esta herramienta es fundamental para asegurar que tu sitio web sea utilizable por el público más amplio posible, incluidos usuarios con discapacidades temporales o permanentes.
- Mejorar la legibilidad: Un usuario con baja visión puede aumentar el tamaño del texto y activar el alto contraste con un solo clic.
- Reducir las distracciones: Un usuario con dislexia o TDAH puede activar una fuente específica o una máscara de lectura para enfocarse mejor en el contenido.
- Garantizar la seguridad: Personas sensibles a estímulos visuales pueden desactivar animaciones y reducir la saturación de colores para una navegación más segura.
Funcionalidades principales
El panel de accesibilidad se puede abrir mediante un ícono flotante en el lateral de la pantalla y divide sus funciones en cuatro categorías principales:
1. Perfiles de accesibilidad (Configuraciones rápidas)
Estos perfiles activan automáticamente una combinación de herramientas optimizadas para necesidades específicas, permitiendo configurar el sitio al instante. La activación de un perfil desactiva automáticamente los demás.
| Perfil | Propósito |
|---|---|
| Seguro para epilepsia | Elimina animaciones, efectos de movimiento y reduce el uso de colores saturados. |
| Para baja visión | Aumenta el contraste y el tamaño del texto para mejorar la visibilidad. |
| Para discapacidades cognitivas | Resalta los enlaces y títulos principales para mejorar el enfoque y la orientación. |
| Amigable para TDAH | Activa herramientas que reducen las distracciones visuales, como la máscara de lectura. |
| Para personas ciegas | Optimiza la navegación por teclado y el uso de fuentes legibles para lectores de pantalla. |
2. Ajuste de contenidos
Estas herramientas actúan directamente sobre la presentación del texto.
- Aumentar/Reducir texto: Ajusta el tamaño de la fuente en toda la página manteniendo la proporción original.
- Fuente legible: Aplica una fuente estándar y clara (Arial) en todos los elementos textuales.
- Fuente dislexia: Aplica una fuente diseñada específicamente para facilitar la lectura a personas con dislexia.
- Resaltar títulos: Añade un resaltado visual a los títulos (H1, H2, etc.) para facilitar el escaneo de la página.
- Subrayar enlaces: Asegura que todos los hipervínculos estén claramente subrayados.
3. Ajuste visual
Estas herramientas modifican el aspecto cromático y dinámico de la página.
- Contraste oscuro: Aplica un tema oscuro (modo noche) en todo el sitio.
- Alto contraste: Aumenta drásticamente el contraste entre texto y fondo.
- Baja saturación: Reduce la intensidad de los colores.
- Ocultar imágenes: Oculta todas las imágenes decorativas y fotográficas para reducir la carga visual.
- Reducir animaciones: Desactiva efectos de transición y movimiento.
4. Navegación y orientación
Estas herramientas asisten al usuario a seguir el contenido e interactuar con el ratón.
- Lupa: Amplía el texto sobre el que se posiciona el cursor del ratón.
- Máscara de lectura: Oscurece gran parte de la pantalla dejando visible solo una estrecha franja horizontal que sigue al cursor, ayudando a mantener la concentración en la línea actual.
- Guía de lectura: Proporciona una línea horizontal que sigue al cursor para ayudar a rastrear la línea de texto.
- Cursor negro/blanco grande: Aumenta el tamaño del cursor del ratón y cambia su color para hacerlo más visible.
Cómo configurarlo
El módulo no requiere ninguna configuración por parte del administrador, ya que está diseñado para ser utilizado directamente por el usuario final.
Nota importante: Todas las configuraciones elegidas por el usuario se guardan en su navegador. Esto significa que, una vez activadas, las preferencias de accesibilidad permanecerán activas cada vez que el usuario vuelva al sitio hasta que sean desactivadas o restablecidas.
Integraciones automáticas
Acceso rápido y persistencia
El panel de accesibilidad está siempre disponible mediante un ícono flotante. Las configuraciones seleccionadas se aplican inmediatamente y permanecen activas incluso después de cerrar y reabrir el navegador.
Navegación asistida
El módulo añade automáticamente un enlace "Saltar al contenido principal" al inicio de la página. Esto es esencial para usuarios que navegan mediante teclado o lectores de pantalla, permitiéndoles evitar rápidamente los elementos de navegación y acceder directamente al contenido central.
Restablecer
Siempre está disponible un botón Restablecer en el panel, que anula todos los cambios realizados y restaura la apariencia predeterminada del sitio.
