Uutta Agorassa · MCP-palvelin
Agoran sisäänrakennettu MCP-palvelin antaa oikean saavutettavuustestaustyökalun kaikille MCP-yhteensopiville agenteille, kuten Claude Code, Cursor ja GitHub Copilot. Agenttisi skannaa juuri rakentamansa sivun, näkee tarkalleen, mikä ei toimi ja miksi, korjaa koodin ja skannaa uudelleen todisteeksi – jo ennen kuin pull requestia on edes olemassa.
Animoitu esimerkki koodausistunnosta: kehittäjä pyytää AI-agenttiaan tarkistamaan sivun localhost:3000/checkout saavutettavuusongelmien varalta ja korjaamaan ne. Agentti kutsuu Agoran scan_url-työkalua ja saa 58 pistettä sadasta sekä neljä ongelmaa: painike ilman nimeä, kuva ilman vaihtoehtoista tekstiä, heikkokontrastinen teksti ja nimeämätön syöttökenttä. Se korjaa koodin kolmessa tiedostossa, skannaa uudelleen ja yltää 100 pisteeseen sadasta.
Toimii näiden kanssa
Aukko tekoälyn kirjoittamassa käyttöliittymässä
Koodausagentit ovat oppineet verkosta, ja suurin osa verkosta ei ole saavutettavaa: pelkkiä kuvakepainikkeita, puuttuvia nimiöitä, heikkokontrastista tekstiä. Ilman testausmahdollisuutta agenttisi ei voi tietää, toimiiko sen juuri luoma komponentti näppäimistön tai ruudunlukijan käyttäjälle. Nyt se voi tarkistaa sen samalla moottorilla, johon saavutettavuustiimisi jo luottaa.
Käyttövalmis minuutissa
MCP-palvelin käynnistyy Agoran mukana ja kuuntelee vain omalla koneellasi. AI Agents -sivulla näet sen tilan ja käytettävän osoitteen.
Kopioi Agorasta yksi komento tai asetuskatkelma tai käytä yhden napsautuksen asennusta (Cursor ja VS Code).
”Skannaa localhost:3000 ja korjaa löytämäsi ongelmat.” Agenttisi kutsuu Agoraa, tekee korjaukset ja varmistaa ne.
Työkalukutsun sisällä
Ei epämääräisiä pisteitä. Agora palauttaa jokaisen rikkeen WCAG-kriteerin, tarkan elementin, sen HTML:n ja konkreettisen korjauksen kanssa – muodossa, jonka perusteella agentti voi toimia heti.
Agentti → Agora
Suomi 
English 
Deutsch 
Español 
Italiano 
Български 
简体中文 
Polski 
Nederlands 
Dansk 
Svenska 
Français 
Português 
Ελληνικά 
Català 
Română 
Čeština 
Magyar 
{ "method": "tools/call", "params": { "name": "scan_url", "arguments": { "url": "localhost:3000/checkout", "selector": "#payment-form", "viewports": ["desktop", "mobile"] } }}Agora → agentti
http://localhost:3000/checkout
3 ongelmaa · 5 elementtiä · WCAG 2.2 AA
button-name WCAG 4.1.2 Buttons must have discernible text
button.pay-apple
<button class="pay-apple"><svg …/></button>Näin korjaat: 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">Näin korjaat: 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>Näin korjaat: Element has insufficient color contrast of 2.9 (foreground color: #a3a3a3, background color: #ffffff). Expected contrast ratio of 4.5:1
Agentti → Agora
{ "method": "tools/call", "params": { "name": "scan_html", "arguments": { "html": "<nav class=\"tabs\">…</nav>", "baseUrl": "http://localhost:3000/", "mode": "component" } }}Agora → agentti
HTML component (2.4 KB)
3 ongelmaa · 4 elementtiä · 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>Näin korjaat: 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">Näin korjaat: Invalid ARIA attribute value: aria-controls="billing"
heading-order Best Practice Heading levels should only increase by one
.panel > h4
<h4>Billing address</h4>Näin korjaat: Heading order invalid
Neljä työkalua jokaiseen työnkulkuun
scan_url Paikalliset kehityspalvelimet, staging, tuotanto tai levyllä oleva tiedosto.
scan_html Tarkista komponentti ennen kuin se liitetään sivuun – palvelinta ei tarvita.
validate_attributes Skannerit löytävät puuttuvat nimet. Tämä työkalu tarkistaa, ovatko olemassa olevat nimet oikeasti järkeviä.
simulate_screen_reader Kuuntele sivu tai komponentti niin kuin sokeat käyttäjät sen kuulevat, suoraan Chromen saavutettavuuspuusta.
Saavutettava oletuksena
Erillisen, viikkoja myöhemmin tehtävän auditoinnin sijaan testaus tapahtuu samassa silmukassa, jota agenttisi jo ajaa tyyppitarkistuksia, testejä ja linttausta varten.
Rakenna
Agenttisi kirjoittaa tai muuttaa käyttöliittymää.
Skannaa
Se kutsuu Agoraa sivulle tai komponentille.
Korjaa
Se tekee Agoran osoittamat korjaukset.
Varmista
Se skannaa uudelleen, kunnes ongelmat ovat poissa.
Miksi tiimit valitsevat sen
Palvelin hyväksyy yhteyksiä vain omalta koneeltasi, ja sivut renderöidään ja skannataan paikallisesti Agorassa.
axe-core ja WCAG 2.0-, 2.1- ja 2.2-standardien A- ja AA-säännöt sekä valinnaiset AAA-tarkistukset: samat säännöt kuin kaikissa muissa Agoran skannauksissa.
Sivut renderöidään Chrome-selaimessa, joten tyylit, skriptit ja asiakaspuolen renderöinti ovat kaikki mukana testissä.
Kehityspalvelimet itse allekirjoitetuilla varmenteilla, file://-polut ja sivut, joiden basic auth -tunnukset olet tallentanut Agoraan, toimivat suoraan.
Jaettu, valmiiksi käynnissä oleva selain pitää skannaukset nopeina, joten agenttisi voi tarkistaa jokaisen muutoksen jälkeen.
Claude Code, Cursor, VS Code ja GitHub Copilot, Windsurf, Claude Desktop, Codex CLI ja Gemini CLI – jokaiselle omat asennusohjeet Agorassa.
Aloita Agoran ilmainen kokeilu, yhdistä koodausagenttisi minuutissa ja katso, kun se korjaa saavutettavuusongelmat ennen kuin ne päätyvät koodikatselmointiin.