AuraAccess es la solución definitiva de accesibilidad web, diseñada para ofrecer una experiencia inclusiva, elegante y profesional. Esta versión v2.0 ha sido expandida para cubrir necesidades visuales, cognitivas y motoras con una estética premium.
Desarrollado y mantenido por ArcadigHub.
AuraAccess no solo es funcional, es estéticamente superior. Aquí puedes ver la suite en acción:
| Interfaz Categorizada | Alto Contraste y Cursor XL | Guía de Lectura |
|---|---|---|
 |
 |
 |
AuraAccess v2.0 organiza sus potentes herramientas en categorías lógicas para el usuario:
Diseñado para compensar deficiencias visuales y sensibilidad a la luz.
- Modo Alto Contraste: Esquema "Noir" con acentos amarillos para máxima legibilidad.
- Cursor Gigante: Reemplaza el cursor estándar por uno masivo de alto contraste (ideal para monitores grandes y baja visión).
- Inversión de Colores & Gris: Herramientas para reducir la fatiga visual y el estrés cromático.
Mejora la comprensión lectora y la legibilidad.
- Fuente para Dislexia: Implementa la tipografía
OpenDyslexic, diseñada específicamente para reducir la rotación de letras y mejorar el enfoque. - Escalado Inteligente: Control total sobre el tamaño del texto (80% a 150%) sin deformar el sitio.
- Subrayado de Enlaces: Marca visualmente cada elemento interactivo para evitar confusiones.
Ayuda a usuarios con dificultades de atención o coordinación motriz.
- Guía de Lectura: Una regla horizontal que sigue tu cursor, permitiéndote concentrarte en una línea a la vez.
- Detener Animaciones: Pausa instantánea de todas las animaciones y transiciones (crucial para evitar mareos o distracciones).
- Resaltar Títulos: Crea marcadores visuales en los encabezados (H1-H5) para navegar por la estructura del sitio.
Nuestra función más innovadora para usuarios con discapacidad visual o aprendizaje auditivo:
- Narración de Clics: Al activar "Voz", el sistema lee el contenido de botones, enlaces, campos de texto y encabezados.
- Inteligencia de Formularios: El sistema detecta etiquetas (labels) y sugerencias (placeholders) para guiar al usuario en la escritura.
- Anillo de Enfoque Visual: El elemento que se está narrando se resalta con un anillo de color azul brillante, confirmando visualmente qué parte del sitio se está procesando.
AuraAccess está construido para integrarse armoniosamente en stacks modernos.
- Componente:
src/aura-access.blade.php - Lógica:
src/aura-access.js(Alpine.js) - Estilos:
src/aura-access.css(Tailwind compatible)
Instrucciones:
- Incluye el JS y CSS en tu layout principal.
- Envuelve tu contenido en un
<div id="app-viewport">. - Llama al componente
<x-aura-access />.
¿No eres programador? No hay problema. Hemos creado una versión "Plug & Play".
- Abre el archivo
dist/standalone.html. - Copia y pega el código en tu editor de sitio.
- El código carga todas las dependencias (Google Fonts, Tailwind, Alpine) por ti de forma segura.
Creemos que la accesibilidad no debe ser una capa aburrida sobre el sitio, sino una extensión de su diseño premium. AuraAccess está optimizado para no interferir con la identidad visual original de tu proyecto salvo que el usuario lo solicite explícitamente.
Distribuido bajo la Licencia MIT. Desarrollado y mantenido por ArcadigHub.
Copyright (c) 2026 ArcadigHub - Innovation Through Design