Novetat a Agora · Servidor MCP
El servidor MCP integrat d’Agora dona a Claude Code, Cursor, GitHub Copilot i qualsevol altre agent compatible amb MCP una eina real de proves d’accessibilitat. L’agent analitza la pàgina que acaba de crear, veu exactament què falla i per què, corregeix el codi i la torna a analitzar per demostrar-ho, abans fins i tot que existeixi la pull request.
Exemple animat d’una sessió de programació: un desenvolupador demana al seu agent d’IA que revisi localhost:3000/checkout per trobar problemes d’accessibilitat i que els corregeixi. L’agent crida l’eina scan_url d’Agora i obté una puntuació de 58 sobre 100 amb quatre problemes: un botó sense nom, una imatge sense text alternatiu, text amb poc contrast i un camp sense etiqueta. Corregeix el codi en tres fitxers, torna a analitzar i arriba a 100 sobre 100.
Compatible amb
El punt feble de la UI escrita per IA
Els agents de programació han après de la web, i la major part de la web no és accessible: botons només amb icona, etiquetes que falten, text amb poc contrast. Sense una manera de provar-ho, el teu agent no pot saber si el component que acaba de generar funciona per a qui fa servir el teclat o un lector de pantalla. Ara ho pot comprovar, amb el mateix motor en què ja confia el teu equip d’accessibilitat.
Configurat en un minut
El servidor MCP s’inicia juntament amb Agora i només escolta al teu ordinador. La pàgina AI Agents en mostra l’estat i l’adreça que cal fer servir.
Copia una ordre o un fragment de configuració des d’Agora, o fes servir la instal·lació amb un clic per a Cursor i VS Code.
«Analitza localhost:3000 i corregeix el que trobis.» L’agent crida Agora, aplica les correccions i les verifica.
Dins d’una crida d’eina
Res de puntuacions vagues. Agora retorna cada infracció amb el seu criteri WCAG, l’element exacte, el seu HTML i una correcció concreta, en un format amb què l’agent pot actuar immediatament.
Agent → Agora
Català 
English 
Deutsch 
Español 
Italiano 
Български 
简体中文 
Polski 
Nederlands 
Dansk 
Svenska 
Français 
Português 
Ελληνικά 
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 → agent
http://localhost:3000/checkout
3 problemes · 5 elements · WCAG 2.2 AA
button-name WCAG 4.1.2 Buttons must have discernible text
button.pay-apple
<button class="pay-apple"><svg …/></button>Com corregir-ho: 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">Com corregir-ho: 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>Com corregir-ho: Element has insufficient color contrast of 2.9 (foreground color: #a3a3a3, background color: #ffffff). Expected contrast ratio of 4.5:1
Agent → Agora
{ "method": "tools/call", "params": { "name": "scan_html", "arguments": { "html": "<nav class=\"tabs\">…</nav>", "baseUrl": "http://localhost:3000/", "mode": "component" } }}Agora → agent
HTML component (2.4 KB)
3 problemes · 4 elements · 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>Com corregir-ho: 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">Com corregir-ho: Invalid ARIA attribute value: aria-controls="billing"
heading-order Best Practice Heading levels should only increase by one
.panel > h4
<h4>Billing address</h4>Com corregir-ho: Heading order invalid
Quatre eines, qualsevol flux de treball
scan_url Servidors de desenvolupament locals, staging, producció o un fitxer al disc.
scan_html Audita un component abans d’integrar-lo en una pàgina, sense necessitat de servidor.
validate_attributes Els escàners detecten els noms que falten. Aquesta eina comprova si els noms que hi ha tenen sentit de debò.
simulate_screen_reader Escolta una pàgina o un component com ho fan les persones cegues, directament des de l’arbre d’accessibilitat de Chrome.
Accessible per defecte
En lloc d’una auditoria a part setmanes després, les proves es fan dins del mateix cicle que el teu agent ja executa per a tipus, tests i linting.
Crea
El teu agent escriu o modifica la UI.
Analitza
Crida Agora sobre la pàgina o el component.
Corregeix
Aplica les correccions que indica Agora.
Verifica
Torna a analitzar fins que els problemes desapareixen.
Per què el trien els equips
El servidor només accepta connexions del teu propi ordinador, i les pàgines es renderitzen i s’analitzen localment dins d’Agora.
axe-core amb les regles A i AA de les WCAG 2.0, 2.1 i 2.2, més comprovacions AAA opcionals: les mateixes regles que qualsevol altra anàlisi d’Agora.
Les pàgines es renderitzen a Chrome, de manera que els estils, els scripts i el renderitzat al client formen part de la prova.
Servidors de desenvolupament amb certificats autosignats, rutes file:// i pàgines protegides amb autenticació bàsica desada a Agora: tot funciona sense més.
Un navegador compartit i sempre a punt manté les anàlisis àgils, perquè el teu agent pugui comprovar després de cada canvi.
Claude Code, Cursor, VS Code amb GitHub Copilot, Windsurf, Claude Desktop, Codex CLI i Gemini CLI, amb passos de configuració per a cadascun dins d’Agora.
Comença una prova gratuïta d’Agora, connecta el teu agent de programació en un minut i mira com corregeix problemes d’accessibilitat abans que arribin a la revisió de codi.