QualiBooth
Dansk

Nyt i Agora · MCP-server

Din AI-kodeagent, nu ekspert i tilgængelighed.

Agoras indbyggede MCP-server giver Claude Code, Cursor, GitHub Copilot og alle andre MCP-kompatible agenter et rigtigt værktøj til tilgængelighedstest. Din agent scanner den side, den lige har bygget, ser præcis hvad der fejler og hvorfor, retter koden og scanner igen for at bevise det – før pull requesten overhovedet findes.

Start din gratis prøveperiode Book en demo
Kører på din computer
Kun lokal server, lokale scanninger
Én kommando
for at forbinde din kodeagent

Animeret eksempel på en kodesession: en udvikler beder sin AI-agent om at tjekke localhost:3000/checkout for tilgængelighedsfejl og rette dem. Agenten kalder Agoras scan_url-værktøj og får en score på 58 ud af 100 med fire fejl: en knap uden navn, et billede uden alternativ tekst, tekst med lav kontrast og et inputfelt uden label. Den retter koden i tre filer, scanner igen og når 100 ud af 100.

Virker med

  • Claude Code
  • Cursor
  • VS Code + Copilot
  • Windsurf
  • Claude Desktop
  • Codex CLI
  • Gemini CLI

Hullet i AI-skrevet UI

Agenter skriver UI hurtigere, end nogen kan nå at tjekke det for tilgængelighed.

Kodeagenter har lært af nettet, og det meste af nettet er utilgængeligt: knapper med kun et ikon, manglende labels, tekst med lav kontrast. Uden en måde at teste på kan din agent ikke vide, om den komponent, den lige har genereret, fungerer for en bruger med tastatur eller skærmlæser. Nu kan den tjekke det – med den samme motor, som dit tilgængelighedsteam allerede stoler på.

Uden Agora

  • Agenten gætter på ARIA og håber på det bedste.
  • Tilgængelighedsfejl dukker op i QA, i en audit eller hos dine brugere.
  • Rettelserne kommer uger senere, uden kontekst og til en høj pris.
  • »Det ser fint ud« er den eneste verifikation.

Med Agora MCP

  • Agenten gennemgår sit eget output i en rigtig browser.
  • Hver fejl kommer med selector, HTML og en anvisning til rettelsen.
  • Rettelserne lander i samme ændring, mens konteksten er frisk.
  • En ny scanning beviser rettelsen, før nogen reviewer koden.

Klar på et minut

Forbind én gang. Din agent klarer resten.

  1. 01

    Slå den til

    MCP-serveren starter sammen med Agora og lytter kun på din computer. Siden AI Agents viser status og den adresse, du skal bruge.

  2. 02

    Forbind din agent

    Kopiér én kommando eller et konfigurationsuddrag fra Agora, eller brug installation med ét klik til Cursor og VS Code.

  3. 03

    Spørg bare

    »Scan localhost:3000 og ret det, du finder.« Din agent kalder Agora, anvender rettelserne og verificerer dem.

Inde i et værktøjskald

Det, din agent faktisk modtager

Ingen vage scorer. Agora returnerer hver overtrædelse med WCAG-kriterium, det præcise element, dets HTML og en konkret rettelse – i et format, en agent kan handle på med det samme.

Agent → Agora

{  "method": "tools/call",  "params": {    "name": "scan_url",    "arguments": {      "url": "localhost:3000/checkout",      "selector": "#payment-form",      "viewports": ["desktop", "mobile"]    }  }}

Agora → agent

58

http://localhost:3000/checkout

3 fejl · 5 elementer · WCAG 2.2 AA

  • Critical button-name WCAG 4.1.2

    Buttons must have discernible text

    button.pay-apple

    <button class="pay-apple"><svg …/></button>

    Sådan retter du det: Element does not have inner text that is visible to screen readers; aria-label attribute does not exist or is empty

  • Critical label WCAG 4.1.2

    Form elements must have labels

    #card-cvc

    <input id="card-cvc" placeholder="CVC">

    Sådan retter du det: Element does not have an explicit <label>; aria-label attribute does not exist or is empty

  • High color-contrast WCAG 1.4.3

    Elements must meet minimum color contrast ratio thresholds

    .total__hint

    <p class="total__hint">Taxes included</p>

    Sådan retter du det: Element has insufficient color contrast of 2.9 (foreground color: #a3a3a3, background color: #ffffff). Expected contrast ratio of 4.5:1

Fire værktøjer, alle workflows

Test den side, du kører, eller den markup, du lige har skrevet

Scan enhver URL

scan_url

Lokale udviklingsservere, staging, produktion eller en fil på disken.

  • Fokusér på én komponent med en CSS-selector
  • Vent på klientrenderet indhold
  • Viewports til desktop og mobil
  • Valgfrit skærmbillede af det scannede område

Scan rå HTML

scan_html

Gennemgå en komponent, før den er koblet ind på en side – helt uden server.

  • Renderes i hukommelsen i en rigtig Chrome
  • Komponenttilstand springer regler på sideniveau over
  • Indlæser din CSS fra en basis-URL for præcis kontrast
  • Den samme detaljerede rapport som scan_url

Valider attributter

validate_attributes

Scannere finder manglende navne. Dette værktøj tjekker, om de navne, der findes, faktisk giver mening.

  • Tjekker aria-label, alt, title, labels og linktekst
  • AI markerer vage værdier som “billede” eller “klik her”
  • Finder filnavne og labels på det forkerte sprog
  • Selektor, HTML og årsag for hver markeret værdi

Simuler en skærmlæser

simulate_screen_reader

Hør en side eller komponent, som blinde brugere gør, direkte fra Chromes tilgængelighedstræ.

  • Hver annoncering i læserækkefølge
  • Overskrifter, landmarks, links, formularer, billeder og tabeller
  • AI-gennemgang af læserækkefølge og overskriftsstruktur
  • Virker med en URL eller med HTML

Tilgængeligt som standard

Tilgængelighed bliver en del af, hvordan din agent arbejder

I stedet for en separat audit uger senere sker testen i det samme loop, som din agent allerede kører for typer, tests og linting.

  1. 01

    Byg

    Din agent skriver eller ændrer UI.

  2. 02

    Scan

    Den kalder Agora på siden eller komponenten.

  3. 03

    Ret

    Den anvender de rettelser, Agora peger på.

  4. 04

    Verificér

    Den scanner igen, indtil fejlene er væk.

Derfor vælger teams det

Bygget til udviklere, betroet af tilgængelighedsteams

4
værktøjer: to scannere, tjek af labels og en skærmlæser
7+
AI-assistenter med guidet opsætning
WCAG 2.2
A- og AA-regler plus AAA-tjek
0
bytes af din kode sendt til skyen

Ofte stillede spørgsmål

Hvad er MCP?
Model Context Protocol er en åben standard, der lader AI-assistenter bruge eksterne værktøjer. Agora har en indbygget MCP-server, så enhver MCP-kompatibel assistent kan køre tilgængelighedsscanninger gennem den.
Hvilke AI-assistenter understøttes?
Enhver klient, der understøtter MCP. Agora har trin-for-trin-opsætning til Claude Code, Cursor, VS Code med GitHub Copilot, Windsurf, Claude Desktop, Codex CLI og Gemini CLI.
Forlader min kode min computer?
Nej. MCP-serveren accepterer kun forbindelser fra din egen maskine, og Agora renderer og scanner siderne lokalt. Kun AI-tjekkene i validate_attributes og simulate_screen_reader sender de indsamlede labels og annonceringer, aldrig hele siden, til QualiBooths API.
Kan den teste sider på localhost?
Ja, det er netop det, den er bygget til. Peg din agent mod din udviklingsserver, et staging-site eller en lokal fil.
Kan den teste en komponent, der endnu ikke er på en side?
Ja. Værktøjet scan_html renderer markup i hukommelsen uden en server. For komponentuddrag springes regler på sideniveau som dokumenttitel og landmarks over, så rapporten fokuserer på selve komponenten.
Hvad skal jeg bruge for at komme i gang?
Agora, logget ind med en QualiBooth-konto med en desktoplicens. MCP-serveren starter automatisk, og siden AI Agents guider dig gennem at forbinde din assistent.
Erstatter det manuel tilgængelighedstest?
Nej. Automatiske tjek fanger en stor del af fejlene tidligt, men adfærd med tastatur, fokus og skærmlæser kræver stadig menneskelig test. Agora MCP sørger for, at det grundlæggende er i orden, før et menneske kigger.

Lever tilgængelig UI i AI-tempo

Start en gratis prøveperiode af Agora, forbind din kodeagent på et minut, og se den rette tilgængelighedsfejl, før de når code review.

Start din gratis prøveperiode Book en demo