Újdonság az Agorában · MCP-szerver
Az Agora beépített MCP-szervere valódi akadálymentességi tesztelőeszközt ad a Claude Code, a Cursor, a GitHub Copilot és minden más MCP-kompatibilis ügynök kezébe. Az ügynök átvizsgálja az imént elkészített oldalt, pontosan látja, mi hibás és miért, kijavítja a kódot, majd újra szkennel, hogy igazolja az eredményt – még mielőtt a pull request egyáltalán létrejönne.
Animált példa egy kódolási munkamenetre: egy fejlesztő megkéri az AI-ügynökét, hogy ellenőrizze a localhost:3000/checkout oldalt akadálymentességi hibákra, és javítsa ki őket. Az ügynök meghívja az Agora scan_url eszközét, és 100-ból 58 pontot kap négy hibával: egy név nélküli gomb, egy alternatív szöveg nélküli kép, egy alacsony kontrasztú szöveg és egy címke nélküli beviteli mező. Három fájlban kijavítja a kódot, újra szkennel, és eléri a 100-ból 100 pontot.
Működik ezekkel:
Az AI által írt felületek vakfoltja
A kódolóügynökök a webről tanultak, a web nagy része pedig nem akadálymentes: csak ikonból álló gombok, hiányzó címkék, alacsony kontrasztú szöveg. Tesztelési lehetőség nélkül az ügynök nem tudja megállapítani, hogy az imént generált komponens használható-e billentyűzettel vagy képernyőolvasóval. Most már ellenőrizni tudja – ugyanazzal a motorral, amelyben akadálymentességi csapata már most is megbízik.
Egy perc alatt beállítható
Az MCP-szerver az Agorával együtt indul, és csak az Ön számítógépén figyel. Az AI-ügynökök oldal mutatja az állapotát és a használandó címet.
Másoljon ki egyetlen parancsot vagy konfigurációs részletet az Agorából, vagy használja az egykattintásos telepítést a Cursorhoz és a VS Code-hoz.
„Szkenneld be a localhost:3000 címet, és javítsd ki, amit találsz.” Az ügynök meghívja az Agorát, alkalmazza a javításokat, és ellenőrzi őket.
Egy eszközhívás belülről
Semmi homályos pontszám. Az Agora minden szabálysértést visszaad a WCAG-kritériummal, a pontos elemmel, annak HTML-kódjával és konkrét javítási javaslattal – olyan formátumban, amely alapján az ügynök azonnal cselekedni tud.
Ügynök → Agora
Magyar 
English 
Deutsch 
Español 
Italiano 
Български 
简体中文 
Polski 
Nederlands 
Dansk 
Svenska 
Français 
Português 
Ελληνικά 
Català 
Română 
Suomi 
Čeština 
{ "method": "tools/call", "params": { "name": "scan_url", "arguments": { "url": "localhost:3000/checkout", "selector": "#payment-form", "viewports": ["desktop", "mobile"] } }}Agora → ügynök
http://localhost:3000/checkout
3 hiba · 5 elem · WCAG 2.2 AA
button-name WCAG 4.1.2 Buttons must have discernible text
button.pay-apple
<button class="pay-apple"><svg …/></button>A javítás módja: 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">A javítás módja: 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>A javítás módja: Element has insufficient color contrast of 2.9 (foreground color: #a3a3a3, background color: #ffffff). Expected contrast ratio of 4.5:1
Ügynök → Agora
{ "method": "tools/call", "params": { "name": "scan_html", "arguments": { "html": "<nav class=\"tabs\">…</nav>", "baseUrl": "http://localhost:3000/", "mode": "component" } }}Agora → ügynök
HTML component (2.4 KB)
3 hiba · 4 elem · 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>A javítás módja: 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">A javítás módja: Invalid ARIA attribute value: aria-controls="billing"
heading-order Best Practice Heading levels should only increase by one
.panel > h4
<h4>Billing address</h4>A javítás módja: Heading order invalid
Négy eszköz, minden munkafolyamathoz
scan_url Helyi fejlesztői szerverek, tesztkörnyezet, éles környezet vagy egy lemezen lévő fájl.
scan_html Auditáljon egy komponenst, még mielőtt beépülne egy oldalba – szerver nélkül.
validate_attributes A szkennerek a hiányzó neveket találják meg. Ez az eszköz azt ellenőrzi, hogy a meglévő nevek valóban értelmesek-e.
simulate_screen_reader Hallgassa meg az oldalt vagy komponenst úgy, ahogy a vak felhasználók hallják, közvetlenül a Chrome akadálymentességi fájából.
Alapértelmezetten akadálymentes
Hetekkel későbbi, külön audit helyett a tesztelés ugyanabban a körben történik, amelyet az ügynök már most is futtat a típusellenőrzéshez, a tesztekhez és a lintinghez.
Építés
Az ügynök felületet ír vagy módosít.
Szkennelés
Meghívja az Agorát az oldalon vagy a komponensen.
Javítás
Alkalmazza az Agora által jelzett javításokat.
Ellenőrzés
Újra szkennel, amíg el nem tűnnek a hibák.
Miért ezt választják a csapatok
A szerver csak az Ön saját gépéről fogad kapcsolatot, az oldalak renderelése és szkennelése pedig helyben, az Agorán belül történik.
axe-core a WCAG 2.0, 2.1 és 2.2 A és AA szabályaival, valamint opcionális AAA ellenőrzésekkel – ugyanazokkal a szabályokkal, mint minden más Agora-szkennelés.
Az oldalak Chrome-ban renderelődnek, így a stílusok, a szkriptek és a kliensoldali renderelés is a teszt részét képezik.
Az önaláírt tanúsítványú fejlesztői szerverek, a file:// elérési utak és az Agorában elmentett alapszintű hitelesítés mögötti oldalak is gond nélkül működnek.
Egy megosztott, bemelegített böngésző gyorsan tartja a szkenneléseket, így az ügynök minden módosítás után ellenőrizhet.
Claude Code, Cursor, VS Code GitHub Copilottal, Windsurf, Claude Desktop, Codex CLI és Gemini CLI – mindegyikhez beállítási útmutatóval az Agorában.
Indítsa el az Agora ingyenes próbaidőszakát, csatlakoztassa kódolóügynökét egy perc alatt, és nézze, ahogy kijavítja az akadálymentességi hibákat, mielőtt azok a kódellenőrzésig jutnának.