Herramientas Inteligentes para la Inclusión
A11Y Pro Widget agrupa sus funcionalidades en 3 áreas clave diseñadas para solventar barreras comunes de interacción y visualización digital.
1. Ajustes Visuales y de Contraste
Optimización de la legibilidad, el espaciado y la percepción cromática para personas con baja visión, daltonismo o fatiga visual extrema.
Tamaño de Letra & Espaciado
Permite agrandar el texto y ampliar el espaciado entre letras y líneas para garantizar una lectura cómoda sin romper el flujo de la página.
- Alineación WCAG: Criterio 1.4.4 (Cambio de tamaño de texto) y 1.4.12 (Espaciado de texto).
- Población Objetivo: Personas con baja visión, presbicia y fatiga visual.
- Impacto: Escalado hasta el 200% y adaptación dinámica de interlineado e interletrado según las preferencias del usuario.
Tipografía Atkinson Hyperlegible
Reemplaza las fuentes predeterminadas por una tipografía diseñada específicamente para mejorar la legibilidad y la diferenciación de caracteres.
- Alineación WCAG: Criterio 1.4.8 (Presentación visual).
- Población Objetivo: Usuarios con baja visión o fatiga ocular severa.
- Impacto: Sustitución por Atkinson (diseñada por el Braille Institute), que distingue claramente caracteres similares como la "I", la "l" y el "1".
Tipografía para Dislexia
Aplica una fuente con diseño asimétrico y bases pesadas para evitar que el cerebro rote o confunda las letras al leer.
- Alineación WCAG: Criterio 1.4.8 (Presentación visual / Tipografía accesible).
- Población Objetivo: Personas con dislexia, alexia y dificultades del procesamiento de lectura.
- Impacto: Sustitución por OpenDyslexic, facilitando una lectura más fluida al dar peso inferior a los caracteres para anclarlos visualmente.
Modo Oscuro & Contraste Inteligente
Ajusta el esquema cromático del sitio web para proporcionar relaciones de contraste de color optimizadas para pantallas muy brillantes o luz baja.
- Alineación WCAG: Criterio 1.4.3 (Contraste mínimo) y 1.4.6 (Contraste mejorado).
- Población Objetivo: Personas con fotofobia, baja visión y sensibilidad ocular.
- Impacto: Inversión inteligente y paletas oscuras de alto contraste que aseguran una relación mínima de 4.5:1 (o 7:1 en nivel mejorado).
Filtros de Daltonismo
Aplica matrices de corrección de color a nivel de renderizado gráfico para adaptar la interfaz a diferentes deficiencias de percepción del color.
- Alineación WCAG: Criterio 1.4.1 (Uso del color).
- Población Objetivo: Deuteranopía, protanopía, tritanopía y acromatopsia.
- Impacto: Transformación cromática interactiva para distinguir botones, alertas y elementos interactivos dependientes del color.
Ocultar Imágenes
Permite ocultar la carga gráfica del sitio web, dejando únicamente los textos descriptivos y el diseño estructurado.
- Alineación WCAG: Criterio 1.1.1 (Contenido no textual) y 1.4.8 (Presentación visual).
- Población Objetivo: Personas con baja visión severa, alta propensión a fatiga visual o conexiones lentas.
- Impacto: Oculta imágenes y animaciones de fondo, reemplazándolas por marcadores legibles de texto alternativo.
2. Asistencia Cognitiva y Foco
Herramientas diseñadas para mejorar la comprensión lectora, guiar la fijación visual y reducir el impacto de las distracciones del entorno.
Lectura Biónica para TDAH
Resalta la parte inicial de cada palabra para guiar el movimiento ocular de forma fluida, facilitando una lectura más veloz y enfocada.
- Alineación WCAG: Criterio 3.1.5 (Nivel de lectura / Comprensión fácil).
- Población Objetivo: Personas con TDAH, dislexia o dificultades de atención.
- Impacto: Aplicación de negritas de fijación que apoyan al cerebro en la predicción y procesamiento rápido de los términos.
Guía de Lectura
Superpone una regla de seguimiento horizontal que se desplaza junto con el cursor para aislar y concentrar la vista en el párrafo actual.
- Alineación WCAG: Criterio 2.4.7 (Foco visible) y 3.1 (Comprensión).
- Población Objetivo: Usuarios con dislexia, problemas de fijación visual o estrabismo leve.
- Impacto: Línea guía de alta visibilidad que previene la pérdida de línea o saltos accidentales entre bloques de texto.
Enfoque de lectura
Aísla visualmente una franja horizontal de lectura mientras oscurece el resto de la pantalla, disminuyendo la sobrecarga de estímulos.
- Alineación WCAG: Criterio 1.4.8 (Presentación visual / Foco libre de distracciones).
- Población Objetivo: Neurodivergencia, autismo, TDAH y trastornos del procesamiento visual.
- Impacto: Sombreado perimetral dinámico que bloquea anuncios, imágenes laterales y textos adyacentes para una lectura enfocada.
Lupa de Texto
Ofrece una visualización magnificada y de alta definición del bloque de texto bajo el cursor, facilitando la lectura sin alterar el diseño de la página.
- Alineación WCAG: Criterio 1.4.4 (Cambio de tamaño de texto) y 1.4.8 (Presentación visual).
- Población Objetivo: Usuarios con baja visión, presbicia o fatiga visual.
- Impacto: Tooltip flotante con zoom de texto interactivo que sigue el movimiento del puntero para mayor legibilidad.
Narrador de Voz (TTS)
Lee en voz alta mediante síntesis de voz el contenido textual del sitio web al pasar el cursor o hacer clic sobre los párrafos.
- Alineación WCAG: Criterio 3.1.1 (Comprensión lingüística) y 1.1.1 (Contenido no textual / Alternativas).
- Población Objetivo: Personas con baja visión, analfabetismo funcional, TDAH o dificultades severas de lectura.
- Impacto: Sintetizador de voz (Text-to-Speech) integrado y bajo demanda que permite escuchar el contenido del sitio web con controles de reproducción.
3. Navegación Accesible y Control Motor
Facilidades operativas orientadas a mejorar el control interactivo y la identificación de elementos web sin depender del mouse tradicional.
Realce y Destacado de Enlaces
Resalta todos los elementos accionables del sitio web mediante bordes gruesos y subrayados de alta visibilidad para identificarlos inmediatamente.
- Alineación WCAG: Criterio 1.4.1 (Uso del color) y 2.4.4 (Propósito de los enlaces).
- Población Objetivo: Daltonismo, baja visión y usuarios con limitaciones cognitivas.
- Impacto: Elimina la dependencia exclusiva de cambios cromáticos leves para identificar enlaces, menús y botones interactivos.
Navegación Optimizada por Teclado
Garantiza que toda la experiencia de navegación del sitio pueda controlarse de forma secuencial y predecible mediante teclado estándar.
- Alineación WCAG: Criterio 2.1.1 (Teclado) y 2.4.7 (Foco visible).
- Población Objetivo: Movilidad reducida, parálisis motora, usuarios de pulsadores o switch.
- Impacto: Foco de navegación mejorado con un anillo visual de 3px y prevención absoluta de trampas de foco en modales y widgets.
Cursor Grande
Incrementa sustancialmente el tamaño del puntero del mouse a un contraste elevado para facilitar su localización visual constante.
- Alineación WCAG: Criterio 2.4 (Navegabilidad).
- Población Objetivo: Presbicia, problemas motores de precisión y baja visión.
- Impacto: Reemplaza el cursor estándar por un puntero ampliado de alto contraste que facilita la precisión y localización espacial del puntero.
Cero Movimiento
Detiene inmediatamente animaciones, parpadeos y reproducciones de medios automatizadas para evitar sobrecargas sensoriales.
- Alineación WCAG: Criterio 2.2.2 (Poner en pausa, detener, ocultar) y 2.3.1 (Umbral de tres parpadeos o menos).
- Población Objetivo: Personas con epilepsia fotosensible, trastornos vestibulares, TDAH y autismo.
- Impacto: Detiene animaciones CSS/JS, GIFs animados y reproducciones automáticas de video y audio en todo el sitio web.