Nowość w Agorze · serwer MCP
Wbudowany w Agorę serwer MCP daje prawdziwe narzędzie do testowania dostępności każdemu agentowi obsługującemu MCP – w tym Claude Code, Cursor i GitHub Copilot. Twój agent skanuje stronę, którą właśnie zbudował, widzi dokładnie, co nie działa i dlaczego, poprawia kod i skanuje ponownie, by to potwierdzić – zanim w ogóle powstanie pull request.
Animowany przykład sesji programistycznej: programista prosi swojego agenta AI o sprawdzenie localhost:3000/checkout pod kątem problemów z dostępnością i ich naprawienie. Agent wywołuje narzędzie scan_url w Agorze i otrzymuje wynik 58 na 100 oraz cztery problemy: przycisk bez nazwy, obraz bez tekstu alternatywnego, tekst o niskim kontraście i pole formularza bez etykiety. Poprawia kod w trzech plikach, skanuje ponownie i osiąga 100 na 100.
Współpracuje z
Luka w interfejsach pisanych przez AI
Agenty do kodowania uczyły się na treściach z sieci, a większość sieci jest niedostępna: przyciski z samą ikoną, brakujące etykiety, tekst o niskim kontraście. Bez możliwości testowania Twój agent nie wie, czy wygenerowany przed chwilą komponent działa dla osób korzystających z klawiatury lub czytnika ekranu. Teraz może to sprawdzić – tym samym silnikiem, któremu już ufa Twój zespół ds. dostępności.
Konfiguracja w minutę
Serwer MCP uruchamia się razem z Agorą i nasłuchuje wyłącznie na Twoim komputerze. Strona AI Agents pokazuje jego status i adres do użycia.
Skopiuj z Agory jedno polecenie lub fragment konfiguracji albo skorzystaj z instalacji jednym kliknięciem dla Cursor i VS Code.
„Przeskanuj localhost:3000 i napraw to, co znajdziesz.” Agent wywołuje Agorę, wprowadza poprawki i je weryfikuje.
Wewnątrz wywołania narzędzia
Żadnych ogólnikowych wyników. Agora zwraca każde naruszenie z kryterium WCAG, dokładnym elementem, jego kodem HTML i konkretną poprawką – w formacie, na podstawie którego agent może od razu działać.
Agent → Agora
Polski 
English 
Deutsch 
Español 
Italiano 
Български 
简体中文 
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 → agent
http://localhost:3000/checkout
3 problemy · 5 elementy · WCAG 2.2 AA
button-name WCAG 4.1.2 Buttons must have discernible text
button.pay-apple
<button class="pay-apple"><svg …/></button>Jak naprawić: 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">Jak naprawić: 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>Jak naprawić: 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 problemy · 4 elementy · 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>Jak naprawić: 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">Jak naprawić: Invalid ARIA attribute value: aria-controls="billing"
heading-order Best Practice Heading levels should only increase by one
.panel > h4
<h4>Billing address</h4>Jak naprawić: Heading order invalid
Cztery narzędzia, każdy workflow
scan_url Lokalne serwery deweloperskie, staging, produkcja lub plik na dysku.
scan_html Sprawdź komponent, zanim trafi na stronę – bez serwera.
validate_attributes Skanery wykrywają brakujące nazwy. To narzędzie sprawdza, czy istniejące nazwy mają sens.
simulate_screen_reader Usłysz stronę lub komponent tak, jak słyszą je osoby niewidome, prosto z drzewa dostępności Chrome.
Dostępność domyślnie
Zamiast osobnego audytu tygodnie później testy odbywają się w tej samej pętli, którą agent już wykonuje dla typów, testów i lintingu.
Buduj
Agent pisze lub zmienia UI.
Skanuj
Wywołuje Agorę dla strony lub komponentu.
Naprawiaj
Wprowadza poprawki wskazane przez Agorę.
Weryfikuj
Skanuje ponownie, aż problemy znikną.
Dlaczego zespoły to wybierają
Serwer przyjmuje połączenia wyłącznie z Twojego komputera, a strony są renderowane i skanowane lokalnie w Agorze.
axe-core z regułami WCAG 2.0, 2.1 i 2.2 na poziomach A i AA oraz opcjonalnymi testami AAA – te same reguły co w każdym innym skanie Agory.
Strony renderują się w Chrome, więc style, skrypty i renderowanie po stronie klienta są częścią testu.
Serwery deweloperskie z certyfikatami self-signed, ścieżki file:// i strony za basic auth zapisanym w Agorze – wszystko po prostu działa.
Współdzielona, rozgrzana przeglądarka sprawia, że skany są szybkie, więc agent może sprawdzać efekt po każdej zmianie.
Claude Code, Cursor, VS Code z GitHub Copilot, Windsurf, Claude Desktop, Codex CLI i Gemini CLI – z instrukcją konfiguracji dla każdego z nich w Agorze.
Rozpocznij bezpłatny okres próbny Agory, podłącz agenta w minutę i zobacz, jak naprawia problemy z dostępnością, zanim trafią do code review.