Entrega código accesible por defecto
No después de auditorías ni retrabajos.
Detecta, corrige y valida problemas de accesibilidad directamente en tu editor con IA — antes de que tu código llegue a producción.
Compatible con VS Code, Windsurf, Cursor y otros IDEs basados en estos marketplaces Beta
Gratis durante la beta · Precios por suscripción próximamente
Qué hace
Detecta, corrige y valida problemas de accesibilidad donde se escribe el código
A11yResolver ayuda a los desarrolladores a pasar de los hallazgos de accesibilidad a correcciones funcionales directamente en VS Code — con remediación asistida por IA y validación en el navegador real integrada en el flujo de trabajo.
Valida las correcciones en un navegador real, no solo en código estático
A11yResolver puede probar cambios mediante interacción real en el navegador, incluyendo navegación por teclado, comportamiento del foco, estados dinámicos y patrones de UI que el análisis estático a menudo no detecta.
- Simulación de navegación por teclado
- Verificación de gestión del foco
- Validación de estados ARIA dinámicos
- Problemas en tiempo de ejecución más allá del análisis estático
Detecta problemas y aplica correcciones con contexto de código
Encuentra problemas de accesibilidad en contexto y permite que el agente proponga o aplique cambios de código precisos en componentes, patrones y archivos.
Nombre accesible faltante → añade etiqueta preservando el comportamiento del componente.
Remedia mediante un agente conversacional
Pide al agente que explique, ajuste o aplique una corrección. Los desarrolladores pueden guiar la remediación en lugar de buscar manualmente en el código.
Mantiene el contexto mientras trabajas
A11yResolver recuerda la sesión activa para que los desarrolladores puedan continuar en problemas relacionados sin reiniciar la investigación.
Validación en el navegador
El superpoder oculto: valida la accesibilidad mediante interacción real
Esto ayuda a los equipos a detectar problemas que solo aparecen durante la interacción real — no solo en la revisión de código estático.
- Simula navegación real por teclado
- Prueba el comportamiento dinámico y con estado de la UI
- Detecta problemas de accesibilidad en tiempo de ejecución que las herramientas estáticas no pueden encontrar
Ejemplo en 1 comando
Corrige problemas de accesibilidad automáticamente con un solo comando
Cambios aplicados
- Botón icono sin etiqueta
- Campo sin etiqueta
- Modal sin trampa de foco
Por qué importa
Los problemas de accesibilidad son costosos cuando aparecen tarde
La mayoría de los problemas de accesibilidad aparecen tarde — después del desarrollo, durante auditorías o tras el lanzamiento — generando retrabajos costosos, lanzamientos retrasados, auditorías de cumplimiento fallidas y riesgos legales o de reputación.
A11yResolver evita esto haciendo de la accesibilidad parte de tu flujo de trabajo diario. La accesibilidad ya no es un paso final — está integrada desde el inicio.
A diferencia de las herramientas de accesibilidad tradicionales que solo escanean y sugieren, A11yResolver corrige y valida activamente los problemas — incluyendo interacción real en el navegador.
Descubrimiento tardío (situación actual)
- Problemas encontrados durante QA o auditoría
- El desarrollador reabre trabajo completado
- Velocidad del sprint afectada
- Brechas de cumplimiento retrasan lanzamientos
- El retrabajo aumenta la deuda técnica
Integrado en el flujo de trabajo (A11yResolver)
- Problemas detectados en el editor, antes del commit
- Correcciones aplicadas automáticamente en contexto
- Sin interrupciones en el flujo de desarrollo
- Cumplimiento integrado desde el inicio
- Validado con interacción real en el navegador
Impacto real
50–70% más rápido desde el primer día
Desde la perspectiva de un desarrollador de accesibilidad experimentado: la mayor ganancia no es solo escribir la corrección — es entender el contexto más rápido, localizar dónde cambiar y reducir significativamente el tiempo de investigación.
Incidencia clara
- Manual
- 10 – 40 min
- Con Resolver
- 5 – 15 min
- Tiempo ahorrado
- 50–70%
Proyecto nuevo / bajo contexto
- Manual
- 30 min – 1.5 h
- Con Resolver
- 10 – 35 min
- Tiempo ahorrado
- 50–70%
Las sesiones paralelas multiplican el impacto
Porque A11yResolver te permite trabajar en 2, 3 o 4 problemas simultáneamente — en la misma sesión o en varias sesiones — la ganancia real de productividad va mucho más allá de los números por problema.
Primeros pasos
Rápido y sencillo de configurar
-
Instala la extensión
Encuentra A11yResolver en el Marketplace de Extensiones de VS Code e instálalo con un clic.
Abrir en Marketplace -
Abre el panel de A11yResolver
Accede al panel del agente desde la barra lateral de VS Code una vez completada la instalación.
-
Añade tu clave de API de OpenRouter
Conecta tu clave de API de OpenRouter para activar la detección, refactorización y validación impulsadas por IA.
-
Empieza a corregir accesibilidad de inmediato
Ejecuta el agente en cualquier componente o archivo y obtén problemas detectados, corregidos y validados en segundos.
Agentes
Elige el modo adecuado para cada tarea
-
Issues Resolver Fast
Ideal para correcciones del día a día, iteración rápida y menor costo. Gestiona la mayoría de los problemas de accesibilidad comunes de forma eficiente.
- Etiquetas faltantes y texto alternativo
- Botones y enlaces no semánticos
- Asociación de campos y mensajes de validación
- Soporte básico de teclado y orden de foco
-
Issues Resolver Expert
Ideal para problemas complejos, análisis más profundo y casos difíciles. Utiliza mayor capacidad de razonamiento para abordar casos límite.
- Diálogos modales y trampas de foco
- Estados ARIA dinámicos y regiones live
- Componentes React complejos y flujos multi-paso
- Widgets personalizados con patrones de teclado compuestos
Consejo: Comienza con Fast. Cambia a Expert cuando necesites mayor capacidad de razonamiento.
Notas
Requisitos y detalles prácticos
-
Se requiere una clave de API de OpenRouter válida para las funciones de IA.
-
Desarrollado por expertos en accesibilidad con experiencia real en auditorías y remediación WCAG en proyectos empresariales.
-
Algunas tareas pueden ejecutarse en el navegador interno de la extensión. Para usar esa capacidad, Google Chrome debe estar instalado en tu equipo.
Compatibilidad
Funciona con tu entorno
- Windows x64
- macOS Apple Silicon
- macOS Intel
Se podrá añadir soporte para plataformas adicionales en versiones futuras.
Privacidad y datos
Tu código se queda en tu máquina
A11yResolver requiere tu propia clave de API de OpenRouter para las funciones de IA. Tu clave se almacena de forma segura en el almacén de secretos de VS Code — nunca se envía a los servidores de A11ySolutions.
-
Clave de API almacenada en el almacén de secretos de VS Code
Tu clave de OpenRouter no sale de tu entorno local. A11ySolutions no la recibe ni la almacena.
-
Qué se envía a OpenRouter
Cuando ejecutas una solicitud, solo se envían a OpenRouter el prompt y el contexto de código necesario para esa tarea específica. No incluimos rutas de archivos, claves de API ni identificadores personales en ninguna telemetría.
-
Tú tienes el control
Decides si añades una clave de API, qué modo de agente usar (Fast o Expert) y si la telemetría de VS Code permanece activa. No se requiere cuenta para usar la extensión.
Para conocer cómo OpenRouter gestiona tus datos, consulta la Política de Privacidad de OpenRouter (abre en una nueva pestaña) .
Nuestra experiencia en accesibilidad ha contribuido a proyectos para equipos en…
FAQs
Preguntas frecuentes
Empezar
Integra la accesibilidad en el desarrollo desde el inicio
A11yResolver ayuda a los equipos a detectar, corregir y validar problemas de accesibilidad antes de que el código llegue a producción — para que la accesibilidad sea parte del flujo de trabajo, no un ciclo de retrabajo de última hora.
Gratis durante la beta · Precios por suscripción próximamente