Nou în Agora · Server MCP
Serverul MCP integrat în Agora pune la dispoziția Claude Code, Cursor, GitHub Copilot și a oricărui alt agent compatibil cu MCP un instrument real de testare a accesibilității. Agentul scanează pagina pe care tocmai a construit-o, vede exact ce nu funcționează și de ce, repară codul și scanează din nou ca să dovedească rezultatul – înainte ca pull request-ul să existe măcar.
Exemplu animat al unei sesiuni de programare: un dezvoltator îi cere agentului său AI să verifice localhost:3000/checkout pentru probleme de accesibilitate și să le repare. Agentul apelează instrumentul scan_url din Agora și obține un scor de 58 din 100, cu patru probleme: un buton fără nume, o imagine fără text alternativ, text cu contrast redus și un câmp fără etichetă. Repară codul în trei fișiere, scanează din nou și ajunge la 100 din 100.
Funcționează cu
Punctul slab al interfețelor scrise de AI
Agenții de programare au învățat de pe web, iar cea mai mare parte a webului nu este accesibilă: butoane doar cu pictograme, etichete lipsă, text cu contrast redus. Fără o modalitate de testare, agentul tău nu poate ști dacă o componentă pe care tocmai a generat-o funcționează pentru cineva care folosește tastatura sau un cititor de ecran. Acum poate verifica, cu același motor în care echipa ta de accesibilitate are deja încredere.
Configurare într-un minut
Serverul MCP pornește odată cu Agora și ascultă doar pe computerul tău. Pagina AI Agents îi afișează starea și adresa pe care trebuie să o folosești.
Copiază o comandă sau un fragment de configurare din Agora ori folosește instalarea cu un clic pentru Cursor și VS Code.
„Scanează localhost:3000 și repară ce găsești.” Agentul apelează Agora, aplică remedierile și le verifică.
În interiorul unui apel de instrument
Fără scoruri vagi. Agora returnează fiecare încălcare cu criteriul WCAG aferent, elementul exact, codul său HTML și o remediere concretă, într-un format pe care agentul îl poate folosi imediat.
Agent → Agora
Română 
English 
Deutsch 
Español 
Italiano 
Български 
简体中文 
Polski 
Nederlands 
Dansk 
Svenska 
Français 
Português 
Ελληνικά 
Català 
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 probleme · 5 elemente · WCAG 2.2 AA
button-name WCAG 4.1.2 Buttons must have discernible text
button.pay-apple
<button class="pay-apple"><svg …/></button>Cum repari: 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">Cum repari: 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>Cum repari: 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 probleme · 4 elemente · 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>Cum repari: 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">Cum repari: Invalid ARIA attribute value: aria-controls="billing"
heading-order Best Practice Heading levels should only increase by one
.panel > h4
<h4>Billing address</h4>Cum repari: Heading order invalid
Patru instrumente, orice flux de lucru
scan_url Servere de dezvoltare locale, staging, producție sau un fișier de pe disc.
scan_html Auditează o componentă înainte de a o integra într-o pagină, fără să ai nevoie de server.
validate_attributes Scanerele găsesc numele lipsă. Acest instrument verifică dacă numele existente au cu adevărat sens.
simulate_screen_reader Ascultă o pagină sau o componentă așa cum o aud utilizatorii nevăzători, direct din arborele de accesibilitate al Chrome.
Accesibil implicit
În loc de un audit separat, săptămâni mai târziu, testarea are loc în aceeași buclă pe care agentul o rulează deja pentru tipuri, teste și linting.
Construiește
Agentul scrie sau modifică interfața.
Scanează
Apelează Agora pentru pagină sau componentă.
Repară
Aplică remedierile indicate de Agora.
Verifică
Scanează din nou până dispar problemele.
De ce îl aleg echipele
Serverul acceptă conexiuni doar de pe propriul tău computer, iar paginile sunt randate și scanate local, în Agora.
axe-core cu regulile A și AA din WCAG 2.0, 2.1 și 2.2, plus verificări AAA opționale: aceleași reguli ca în orice altă scanare Agora.
Paginile sunt randate în Chrome, așa că stilurile, scripturile și randarea în client fac toate parte din test.
Serverele de dezvoltare cu certificate autosemnate, căile file:// și paginile protejate cu autentificare de bază salvată în Agora funcționează fără probleme.
Un browser partajat, mereu pregătit, menține scanările rapide, astfel încât agentul să poată verifica după fiecare modificare.
Claude Code, Cursor, VS Code cu GitHub Copilot, Windsurf, Claude Desktop, Codex CLI și Gemini CLI, cu pași de configurare pentru fiecare, direct în Agora.
Începe o perioadă de probă gratuită Agora, conectează-ți agentul de programare într-un minut și urmărește-l cum repară problemele de accesibilitate înainte să ajungă la code review.