Widget de accesibilidad completo para cualquier sitio web: lector de pantalla, contraste, tamaño de fuente, máscara de lectura, línea de lectura, cursor grande, deshabilitar animaciones, modo dislexia y más.
La accesibilidad web es fundamental para garantizar que todas las personas, independientemente de sus capacidades físicas, sensoriales, cognitivas o tecnológicas, puedan navegar y utilizar sitios web de manera equitativa. WAW es un widget completo que permite mejorar la accesibilidad de cualquier sitio web sin necesidad de realizar cambios complejos en el código.
#### Tamaño y Espaciado de Texto
- Tamaño de Texto: 3 niveles incrementales para mejorar la legibilidad
- Interlineado: Ajuste del espacio entre líneas (3 niveles)
- Espaciado de Letras: Control del kerning para mayor claridad
#### Filtros de Color
- Escala de Grises: Convierte toda la página a escala de grises
- Invertir Colores: Invierte los colores de la página (modo alto contraste)
- Temas: Modo claro/oscuro para el widget
#### Elementos Visuales
- Cursor Grande: Aumenta el tamaño del cursor para mejor visibilidad
- Resaltar Enlaces: Destaca todos los enlaces con color y borde
- Resaltar Encabezados: Resalta títulos y encabezados (h1-h6)
- Ocultar Imágenes: Oculta todas las imágenes para reducir distracciones
$3
#### Guía de Lectura
- Línea horizontal que sigue el cursor del mouse
- Configurable en:
- Opacidad: 4 niveles (nula, baja, media, alta)
- Grosor: Pequeño, mediano o grande
- Color: 6 colores predefinidos (verde, amarillo, rojo, azul, blanco, negro)
- Controles táctiles para dispositivos móviles
#### Máscara de Lectura
- Área transparente que resalta una sección del texto
- Configurable en:
- Opacidad del fondo: Baja, media o alta
- Altura del área: Pequeña, mediana, grande o extra grande
- Botones +/- para ajuste rápido durante el uso
- Sigue el movimiento del cursor automáticamente
$3
#### Lector de Pantalla
- Lee en voz alta los elementos enfocados
- Funciona con:
- Navegación por teclado (Tab)
- Click del mouse
- Características:
- Identifica el tipo de elemento (botón, enlace, campo, etc.)
- Lee el contenido o etiqueta del elemento
- Velocidad ajustable (lenta, normal, rápida)
- Selección de voz (según idioma del sistema)
- Botón de prueba para verificar configuración
#### Silenciador de Medios
- Silencia automáticamente todos los elementos de audio y video
- Indicador visual cuando está activo
- Desactiva temporalmente el lector de pantalla
$3
#### Fuente para Dislexia
- Tipografía especial OpenDyslexic - Diseñada específicamente para personas con dislexia
- Se aplica a todo el sitio web
#### Control de Animaciones
- Detiene todas las animaciones CSS y transiciones
- Congela GIFs animados
- Reduce movimiento para personas sensibles
$3
- Persistencia: Todas las configuraciones se guardan en localStorage
- Restablecimiento: Botón para volver a configuración por defecto
- Sincronización: Mantiene estado entre sesiones