Barrierefreiheitsfehler beheben, ohne den Editor zu verlassen.
Verbinden Sie A11yProof mit Claude Code, Cursor, VS Code oder Codex. Fragen Sie nach den Barrierefreiheitsfehlern Ihrer Website und erhalten Sie jeden mit WCAG-Kriterium, CSS-Selektor, HTML und Lösungshinweis. Ihr Assistent findet das Element in Ihrem Code, behebt es und scannt die Seite zur Kontrolle neu.
https://a11yproof.talivio.com/mcp
Funktioniert in jedem Tarif, auch im kostenlosen. Sie verbinden sich mit Ihrem A11yProof-Konto.
Fragen, beheben, neu scannen.
Dieselben Ergebnisse wie in Ihrem A11yProof-Bericht – in der Form, die Entwickler brauchen.
-
01 Fragen
„Welche Barrierefreiheitsfehler hat meine Website?“ Der Assistent liest Ihren letzten Scan: jeden Fehler mit Auswirkung, WCAG-Erfolgskriterium, den betroffenen Elementen (CSS-Selektor und HTML) und dem Hinweis von axe-core, was zu ändern ist.
-
02 Beheben
Er findet das Element in Ihrem Code und ändert es. Bei den häufigen Regeln enthält die Antwort zusätzlich eine Anleitung, ein Codebeispiel und einen Link zum Leitfaden.
-
03 Neu scannen
Er scannt die Website neu oder prüft eine einzelne Seite davon, ohne Ihre Bewertung zu ändern, und sagt Ihnen, welche Fehler verschwunden sind. Eine Seite dauert meist unter einer Minute.
Was Ihr Assistent kann
Beim Verbinden wählen Sie eine von drei Zugriffsstufen.
Lesen
- Alle Websites Ihres Kontos mit Bewertung, Fehlern nach Schweregrad und Monitoring-Status
- Ergebnisse Seite für Seite oder Regel für Regel, mit WCAG-Kriterien, Selektoren, HTML und Lösungen
- Die Bewertung im Zeitverlauf und was sich zwischen zwei Scans geändert hat
- Monitoring-Warnungen: neue, verschlechterte und behobene Fehler
- PDF-Prüfberichte und EAA-Erklärungen mit ihren öffentlichen Prüf-Links
- Was auf allen Ihren Websites Ihre Aufmerksamkeit braucht
Lesen und neu scannen
- Eine Website neu scannen; das Ergebnis wird ihre Bewertung, wie bei „Seite prüfen“ im Dashboard
- Jede Seite der Website prüfen, ohne die Bewertung zu ändern
- Monitoring ein- oder ausschalten und den Rhythmus festlegen
Lesen, scannen und verwalten
- Eine Website zu Ihrem Konto hinzufügen
- Einen Crawl der ganzen Website starten (Tarife Monitor und Compliance)
- Einen PDF-Prüfbericht oder eine EAA-Erklärung erstellen, soweit Ihr Tarif es erlaubt
- Jedes davon erst, nachdem Sie im Chat zugestimmt haben
Fragen Sie zum Beispiel
- “Welche kritischen Barrierefreiheitsfehler hat meine Website? Behebe sie in diesem Repository.”
- “Welche Fehler wiederholen sich auf mehreren Seiten? Ich möchte zuerst die gemeinsamen Komponenten korrigieren.”
- “Ich habe den Kontrast auf der Checkout-Seite geändert. Prüfe sie noch einmal.”
- “Hat das Monitoring diese Woche etwas Neues gefunden?”
- “Wie hat sich unsere Bewertung seit dem letzten Crawl entwickelt?”
- “Erstelle die EAA-Erklärung für unseren Shop auf Deutsch.”
Sie behalten die Kontrolle
- Beim Verbinden wählen Sie alle Websites Ihres Kontos oder nur eine, und eine von drei Zugriffsstufen. Standard ist Lesen.
- Der Assistent handelt in Ihrem Namen und sieht nur die Websites Ihres eigenen Kontos.
- Eine Website hinzufügen, ein Crawl der ganzen Website und ein PDF-Bericht nutzen Ihren Tarif: Der Assistent muss Sie vorher fragen, jedes Mal.
- Gescannt werden nur öffentliche Webadressen. Adressen in privaten oder internen Netzen werden abgelehnt, wie im Dashboard.
- Abrechnung, das Löschen von Websites, die Verifizierung der Inhaberschaft und Testkonten bleiben im Dashboard. Widerrufen Sie eine Verbindung jederzeit unter KI-Assistenten.
- Automatisierte Tests finden etwa 30–40 % der WCAG-Probleme. Ein fehlerfreier Scan ist kein Konformitätsnachweis, und das wird dem Assistenten auch so gesagt.
Einrichten
Jeder Assistent unten meldet sich mit Ihrem A11yProof-Konto an (OAuth): Serveradresse hinzufügen, anmelden, dann Websites und Umfang des Zugriffs wählen. Menünamen ändern sich zwischen App-Versionen; sieht ein Schritt anders aus, suchen Sie nach „Connectors“, „MCP“ oder „custom server“.
Claude Code
Terminal
- Führen Sie den Befehl unten in Ihrem Projekt aus.
- Starten Sie Claude Code, geben Sie /mcp ein, wählen Sie a11yproof und Authenticate.
- Melden Sie sich im Browser bei A11yProof an und wählen Sie Websites und Zugriff.
claude mcp add --transport http a11yproof https://a11yproof.talivio.com/mcp
Cursor
Editor
- Öffnen Sie Cursor Settings → MCP und fügen Sie einen neuen Server hinzu, oder tragen Sie den Ausschnitt unten in ~/.cursor/mcp.json ein.
- Wählen Sie Connect neben a11yproof und melden Sie sich bei A11yProof an.
- Fragen Sie im Agent-Chat.
{
"mcpServers": {
"a11yproof": {
"url": "https://a11yproof.talivio.com/mcp"
}
}
}
VS Code
GitHub Copilot in VS Code
- Führen Sie „MCP: Add Server…“ in der Befehlspalette aus, wählen Sie HTTP und fügen Sie die Serveradresse ein, oder ergänzen Sie den Ausschnitt unten in .vscode/mcp.json.
- Starten Sie den Server, wenn VS Code fragt, und melden Sie sich bei A11yProof an.
- Nutzen Sie ihn im Copilot Chat im Agent-Modus.
{
"servers": {
"a11yproof": {
"type": "http",
"url": "https://a11yproof.talivio.com/mcp"
}
}
}
Codex
OpenAI Codex CLI und IDE-Erweiterung
- Führen Sie den ersten Befehl aus, um A11yProof hinzuzufügen.
- Führen Sie den zweiten aus, um sich im Browser bei A11yProof anzumelden.
codex mcp add a11yproof --url https://a11yproof.talivio.com/mcp codex mcp login a11yproof
Gemini CLI
Terminal
- Führen Sie den Befehl unten aus.
- Führen Sie in Gemini CLI /mcp auth a11yproof aus und melden Sie sich bei A11yProof an.
gemini mcp add --transport http a11yproof https://a11yproof.talivio.com/mcp
ChatGPT
Web und Desktop-App
- Öffnen Sie Plugins und wählen Sie + → Add custom MCP server.
- Nennen Sie ihn A11yProof und fügen Sie die Serveradresse ein.
- Wählen Sie OAuth als Authentifizierung, bestätigen Sie den Hinweis und legen Sie ihn an.
- Installieren Sie das Plugin, melden Sie sich bei A11yProof an und wählen Sie Websites und Zugriff.
- Geben Sie in einem neuen Chat @A11yProof ein und fragen Sie. ChatGPT fragt Sie, bevor ein Werkzeug etwas ändert.
Verfügbar in kostenpflichtigen ChatGPT-Tarifen; in Business und Enterprise muss eventuell ein Admin eigene Server erlauben.
Claude
claude.ai und die Desktop-App
- Öffnen Sie Settings → Connectors und wählen Sie Add custom connector.
- Nennen Sie ihn A11yProof und fügen Sie die Serveradresse ein.
- Wählen Sie Connect, melden Sie sich bei A11yProof an und wählen Sie Websites und Zugriff.
- Öffnen Sie im Chat das Werkzeugmenü und prüfen Sie, dass A11yProof aktiv ist.
In Team- und Enterprise-Tarifen muss eventuell zuerst ein Owner den Connector für die Organisation hinzufügen.
Jeder andere Client
Mit einem Schlüssel statt Anmeldung
- Öffnen Sie im Dashboard KI-Assistenten und erstellen Sie einen KI-Schlüssel: Lesen; Lesen und neu scannen; oder Lesen, scannen und verwalten. Eine Website oder alle.
- Senden Sie ihn als Header mit der Serveradresse. Zum Beispiel in Claude Code:
claude mcp add --transport http a11yproof https://a11yproof.talivio.com/mcp --header "Authorization: Bearer a11y_…"
Ein Schlüssel handelt als Ihr Konto. Halten Sie ihn geheim (er wird nur einmal angezeigt) und widerrufen Sie ihn auf derselben Seite.
KI-AssistentenBeginnen Sie mit einem kostenlosen Scan.
Konto erstellen, Website hinzufügen und Ihren Assistenten verbinden.