Novedad en Agora · Servidor MCP
El servidor MCP integrado en Agora ofrece a Claude Code, Cursor, GitHub Copilot y a cualquier otro agente compatible con MCP una herramienta real de pruebas de accesibilidad. Tu agente analiza la página que acaba de crear, ve exactamente qué falla y por qué, corrige el código y vuelve a analizarla para demostrarlo, antes incluso de que exista la pull request.
Ejemplo animado de una sesión de programación: un desarrollador pide a su agente de IA que revise la accesibilidad de localhost:3000/checkout y corrija los problemas. El agente llama a la herramienta scan_url de Agora y obtiene una puntuación de 58 sobre 100 con cuatro problemas: un botón sin nombre, una imagen sin texto alternativo, texto con bajo contraste y un campo sin etiqueta. Corrige el código en tres archivos, vuelve a analizar y alcanza 100 sobre 100.
Compatible con
El punto ciego de las interfaces creadas con IA
Los agentes de código aprendieron de la web, y la mayor parte de la web no es accesible: botones con solo un icono, etiquetas que faltan, texto con poco contraste. Sin una forma de probar, tu agente no puede saber si el componente que acaba de generar funciona con teclado o con lector de pantalla. Ahora sí puede comprobarlo, con el mismo motor en el que ya confía tu equipo de accesibilidad.
Listo en un minuto
El servidor MCP se inicia junto con Agora y solo escucha en tu ordenador. La página «AI Agents» muestra su estado y la dirección que debes usar.
Copia un comando o un fragmento de configuración desde Agora, o usa la instalación con un clic para Cursor y VS Code.
«Analiza localhost:3000 y corrige lo que encuentres.» Tu agente llama a Agora, aplica las correcciones y las verifica.
Dentro de una llamada a herramienta
Nada de puntuaciones vagas. Agora devuelve cada infracción con su criterio WCAG, el elemento exacto, su HTML y una solución concreta, en un formato con el que un agente puede actuar de inmediato.
Agente → Agora
Español 
English 
Deutsch 
Italiano 
Български 
简体中文 
Polski 
Nederlands 
Dansk 
Svenska 
Français 
Português 
Ελληνικά 
Català 
Română 
Suomi 
Čeština 
Magyar 
{ "method": "tools/call", "params": { "name": "scan_url", "arguments": { "url": "localhost:3000/checkout", "selector": "#payment-form", "viewports": ["desktop", "mobile"] } }}Agora → agente
http://localhost:3000/checkout
3 problemas · 5 elementos · WCAG 2.2 AA
button-name WCAG 4.1.2 Buttons must have discernible text
button.pay-apple
<button class="pay-apple"><svg …/></button>Cómo solucionarlo: Element does not have inner text that is visible to screen readers; aria-label attribute does not exist or is empty
label WCAG 4.1.2 Form elements must have labels
#card-cvc
<input id="card-cvc" placeholder="CVC">Cómo solucionarlo: Element does not have an explicit <label>; aria-label attribute does not exist or is empty
color-contrast WCAG 1.4.3 Elements must meet minimum color contrast ratio thresholds
.total__hint
<p class="total__hint">Taxes included</p>Cómo solucionarlo: Element has insufficient color contrast of 2.9 (foreground color: #a3a3a3, background color: #ffffff). Expected contrast ratio of 4.5:1
Agente → Agora
{ "method": "tools/call", "params": { "name": "scan_html", "arguments": { "html": "<nav class=\"tabs\">…</nav>", "baseUrl": "http://localhost:3000/", "mode": "component" } }}Agora → agente
HTML component (2.4 KB)
3 problemas · 4 elementos · WCAG 2.2 AA
aria-required-children WCAG 1.3.1 Certain ARIA roles must contain particular children
nav.tabs > ul[role="tablist"]
<ul role="tablist">…</ul>Cómo solucionarlo: Element has children which are not allowed: li[tabindex]
aria-valid-attr-value WCAG 4.1.2 ARIA attributes must conform to valid values
#tab-billing
<a id="tab-billing" aria-controls="billing">Cómo solucionarlo: Invalid ARIA attribute value: aria-controls="billing"
heading-order Best Practice Heading levels should only increase by one
.panel > h4
<h4>Billing address</h4>Cómo solucionarlo: Heading order invalid
Cuatro herramientas, cualquier flujo de trabajo
scan_url Servidores de desarrollo locales, staging, producción o un archivo en disco.
scan_html Audita un componente antes de integrarlo en una página, sin necesidad de servidor.
validate_attributes Los escáneres detectan los nombres que faltan. Esta herramienta comprueba si los nombres que existen tienen sentido.
simulate_screen_reader Escucha una página o un componente como lo hacen las personas ciegas, directamente desde el árbol de accesibilidad de Chrome.
Accesible por defecto
En lugar de una auditoría aparte semanas después, las pruebas se hacen dentro del mismo ciclo que tu agente ya ejecuta para tipos, tests y linting.
Crear
Tu agente escribe o modifica la interfaz.
Analizar
Llama a Agora sobre la página o el componente.
Corregir
Aplica las correcciones que indica Agora.
Verificar
Vuelve a analizar hasta que no quede ningún problema.
Por qué lo eligen los equipos
El servidor solo acepta conexiones desde tu propio equipo, y las páginas se renderizan y analizan localmente dentro de Agora.
axe-core con las reglas A y AA de WCAG 2.0, 2.1 y 2.2, además de comprobaciones AAA opcionales: las mismas reglas que en cualquier otro análisis de Agora.
Las páginas se renderizan en Chrome, así que los estilos, los scripts y el renderizado en el cliente forman parte de la prueba.
Servidores de desarrollo con certificados autofirmados, rutas file:// y páginas con autenticación básica guardada en Agora: todo funciona sin más.
Un navegador compartido y siempre listo mantiene los análisis ágiles, para que tu agente pueda comprobar tras cada cambio.
Claude Code, Cursor, VS Code con GitHub Copilot, Windsurf, Claude Desktop, Codex CLI y Gemini CLI, con instrucciones de configuración para cada uno dentro de Agora.
Empieza una prueba gratuita de Agora, conecta tu agente de código en un minuto y observa cómo corrige los problemas de accesibilidad antes de que lleguen a la revisión de código.