Novità in Agora · Server MCP
Il server MCP integrato in Agora dà a Claude Code, Cursor, GitHub Copilot e a qualsiasi altro agente compatibile con MCP un vero strumento di test dell’accessibilità. L’agente analizza la pagina appena creata, vede esattamente cosa non va e perché, corregge il codice e ripete la scansione per dimostrarlo, prima ancora che la pull request esista.
Esempio animato di una sessione di sviluppo: uno sviluppatore chiede al proprio agente AI di controllare l’accessibilità di localhost:3000/checkout e correggere i problemi. L’agente richiama lo strumento scan_url di Agora e ottiene un punteggio di 58 su 100 con quattro problemi: un pulsante senza nome, un’immagine senza testo alternativo, un testo a basso contrasto e un campo di input senza etichetta. Corregge il codice in tre file, ripete la scansione e raggiunge 100 su 100.
Compatibile con
Il punto cieco delle interfacce scritte dall’AI
Gli agenti di coding hanno imparato dal web, e gran parte del web non è accessibile: pulsanti con sola icona, etichette mancanti, testo a basso contrasto. Senza un modo per testare, l’agente non può sapere se il componente appena generato funziona da tastiera o con uno screen reader. Ora può verificarlo, con lo stesso motore di cui il tuo team di accessibilità si fida già.
Pronto in un minuto
Il server MCP si avvia insieme ad Agora ed è in ascolto solo sul tuo computer. La pagina “AI Agents” ne mostra lo stato e l’indirizzo da usare.
Copia un comando o uno snippet di configurazione da Agora, oppure usa l’installazione con un clic per Cursor e VS Code.
“Analizza localhost:3000 e correggi quello che trovi.” L’agente richiama Agora, applica le correzioni e le verifica.
Dentro una chiamata di strumento
Niente punteggi vaghi. Agora restituisce ogni violazione con il relativo criterio WCAG, l’elemento esatto, il suo HTML e una correzione concreta, in un formato su cui un agente può agire subito.
Agente → Agora
Italiano 
English 
Deutsch 
Español 
Български 
简体中文 
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 problemi · 5 elementi · WCAG 2.2 AA
button-name WCAG 4.1.2 Buttons must have discernible text
button.pay-apple
<button class="pay-apple"><svg …/></button>Come correggere: 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">Come correggere: 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>Come correggere: 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 problemi · 4 elementi · 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>Come correggere: 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">Come correggere: Invalid ARIA attribute value: aria-controls="billing"
heading-order Best Practice Heading levels should only increase by one
.panel > h4
<h4>Billing address</h4>Come correggere: Heading order invalid
Quattro strumenti, ogni workflow
scan_url Server di sviluppo locali, staging, produzione o un file su disco.
scan_html Verifica un componente prima di inserirlo in una pagina, senza bisogno di un server.
validate_attributes Gli scanner trovano i nomi mancanti. Questo strumento verifica se i nomi presenti hanno davvero senso.
simulate_screen_reader Ascolta una pagina o un componente come lo sente un utente cieco, direttamente dall’albero di accessibilità di Chrome.
Accessibile per impostazione predefinita
Invece di un audit separato settimane dopo, i test avvengono nello stesso ciclo che l’agente esegue già per tipi, test e linting.
Crea
L’agente scrive o modifica l’interfaccia.
Analizza
Richiama Agora sulla pagina o sul componente.
Correggi
Applica le correzioni indicate da Agora.
Verifica
Ripete la scansione finché i problemi non scompaiono.
Perché i team lo scelgono
Il server accetta connessioni solo dal tuo computer, e le pagine vengono renderizzate e analizzate localmente all’interno di Agora.
axe-core con le regole A e AA di WCAG 2.0, 2.1 e 2.2, più controlli AAA opzionali: le stesse regole di ogni altra scansione Agora.
Le pagine vengono renderizzate in Chrome, quindi stili, script e rendering lato client fanno tutti parte del test.
Server di sviluppo con certificati autofirmati, percorsi file:// e pagine protette da basic auth salvata in Agora: tutto funziona e basta.
Un browser condiviso e sempre pronto mantiene le scansioni veloci, così l’agente può verificare dopo ogni modifica.
Claude Code, Cursor, VS Code con GitHub Copilot, Windsurf, Claude Desktop, Codex CLI e Gemini CLI, con istruzioni di configurazione per ciascuno direttamente in Agora.
Inizia una prova gratuita di Agora, collega il tuo agente di coding in un minuto e guardalo correggere i problemi di accessibilità prima che arrivino alla code review.