Tecnología de asistencia pensada para la inclusión digital
A11Y PRO Widget agrupa sus funcionalidades en 3 áreas clave diseñadas para solventar barreras comunes de interacción y visualización digital.
Perfiles de accesibilidad
Active un paquete de ajustes especializados para necesidades particulares con un solo clic. El widget se encarga de habilitar todas las herramientas correspondientes simultáneamente.
-
Ceguera
Optimiza la navegación para lectores de pantalla y desactiva bloqueos visuales.
-
Baja visión
Maximiza el contraste, aumenta textos y muestra un cursor de alto contraste.
-
Dislexia
Cambia a fuente opendyslexic, ajusta espaciados y activa el enfoque de lectura.
-
Aprendizaje
Reduce distracciones, activa la guía de lectura y resalta elementos clave.
-
Problemas motores
Asegura que toda la página sea navegable usando únicamente las teclas.
-
Epilepsia
Detiene instantáneamente animaciones, videos y elementos parpadeantes.
-
Adulto mayor
Combina letra grande, alto contraste, fuente legible y cursor grande.
-
TDA/H
Activa lectura biónica y enfoque para evitar la pérdida de concentración.
1. Contenido y tipografía
Herramientas que adaptan la forma en que se presentan los textos para mejorar la legibilidad y comprensión.
-
Tipografía
Tamaño de letra, interlineado y 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.
- Impacto: escalado hasta el 200% y adaptación dinámica según las preferencias de la persona usuaria.
-
Tipografía
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.
- Impacto: sustitución por atkinson, que distingue claramente caracteres similares como la "i", la "l" y el "1".
-
Tipografía
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.
- Impacto: sustitución por opendyslexic, facilitando una lectura fluida.
-
Tipografía
Lectura biónica para tda/h
Resalta la parte inicial de cada palabra para guiar el movimiento ocular de forma fluida, facilitando una lectura más veloz y enfocada.
- Impacto: aplicación de negritas de fijación que apoyan al cerebro en la predicción de los términos.
-
Contenido
Resaltar títulos
Agrega un borde de color y una línea de resalte visual a todos los encabezados (Títulos h1-H6) de la página web para una rápida navegación.
- Impacto: facilita la lectura rápida y organización visual de la información.
2. Visibilidad y contraste
Optimización del esquema cromático y contraste visual para reducir fatiga, daltonismo o fotofobia.
-
Visibilidad
Modo oscuro, alto contraste & Invertido
Ajusta el esquema cromático del sitio web para proporcionar relaciones de contraste de color optimizadas para pantallas muy brillantes o luz baja.
- Impacto: inversión inteligente y paletas oscuras de alto contraste (Mínimo 4.5:1 a 7:1).
-
Visibilidad
Realce y destacado de enlaces
Resalta todos los elementos accionables mediante bordes gruesos y subrayados de alta visibilidad para identificarlos inmediatamente.
- Impacto: elimina la dependencia exclusiva de colores para identificar enlaces y botones.
-
Visibilidad
Ocultar imágenes
Permite ocultar la carga gráfica del sitio web, dejando únicamente los textos descriptivos y el diseño estructurado.
- Impacto: oculta animaciones y gráficos, reemplazándolos por texto alternativo.
-
Visibilidad
Filtros de daltonismo
Aplica matrices de corrección de color para adaptar la interfaz a deficiencias visuales (Deuteranopía, protanopía, tritanopía, acromatopsia).
- Impacto: transformación cromática interactiva para distinguir colores de forma precisa.
3. Asistencia de lectura
Herramientas diseñadas para asistir a la compresión lectora y reducir sobrecarga sensorial.
-
Lectura
Lector de voz
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.
- Impacto: permite escuchar el contenido del sitio web con controles de reproducción integrados.
-
Lectura
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.
- Impacto: previene la pérdida de línea o saltos accidentales entre bloques de texto.
-
Lectura
Enfoque de lectura
Aísla visualmente una franja horizontal de lectura mientras oscurece el resto de la pantalla, disminuyendo distracciones.
- Impacto: bloquea imágenes y textos adyacentes para una lectura altamente enfocada.
-
Lectura
Lupa de texto
Ofrece una visualización magnificada y de alta definición del bloque de texto bajo el cursor.
- Impacto: tooltip dinámico con zoom de texto que sigue el movimiento del mouse.
4. Navegación accesible y motriz
Facilidades operativas para personas usuarias que utilizan herramientas de asistencia al motor o presentan dificultades precisas.
-
Cursor grande
Incrementa sustancialmente el tamaño del puntero del mouse a un contraste elevado para facilitar su localización visual constante.
- Impacto: puntero ampliado de alto contraste que facilita precisión y localización.
-
Navegación optimizada por teclado
Garantiza que toda la experiencia del sitio pueda controlarse de forma secuencial y predecible mediante teclado estándar.
- Impacto: foco mejorado con un anillo de 3px y prevención de trampas de foco.
-
Cero movimiento
Detiene inmediatamente animaciones, parpadeos y reproducciones de medios automatizadas para evitar crisis y sobrecargas sensoriales.
- Impacto: pausa videos, gifs y animaciones css/js en toda la interfaz.