• KRITISCH
  • WARNUNG
  • RATSCHLAG
  • MANUELL

UI-Spezifikationen mit KI auf Barrierefreiheit prüfen

Verbinde den Accessibility Prover mit deinem KI-Client. Er scannt deine Design-Specs und findet Barrierefreiheits-Lücken, bevor sie in die Produktion gehen.

Fragen Sie die KI zu dieser Seite

Kurzantwort

Kann meine KI meine UI-Designs auf Barrierefreiheit prüfen?

Ja. Deine KI nutzt das Tool validate_accessibility, um deine Komponentenspezifikationen mit den WCAG 2.2 AA Anforderungen abzugleichen. Du erhältst eine detaillierte Liste der Fehler, die behoben werden müssen.

Hier landen alle Ergebnisse.

Die Ergebnisse deines Scans.

Die KI kategorisiert jeden Befund nach Schweregrad und der Art der erforderlichen Korrektur.

KRITISCH

Direkte Verstöße

Die KI markiert Elemente, die gegen WCAG 2.2 AA Regeln verstoßen. Diese Fehler müssen zwingend behoben werden.

WARNUNG

Potenzielle Fehler

Die KI identifiziert Spezifikationen, die je nach Implementierung Probleme verursachen könnten. Diese müssen manuell geprüft werden.

RATSCHLAG

Best Practices

Die KI schlägt Verbesserungen für eine bessere Nutzbarkeit vor. Das sind keine harten Verstöße, helfen aber der User Experience.

MANUELL

Manuelle Prüfung

Die KI markiert unklare Spezifikationen, für die nicht genügend Daten vorliegen. Diese musst du selbst untersuchen.

Der Ablauf

Was deine KI tut, sobald die Spezifikation vorliegt.

Die KI übernimmt den technischen Abgleich, damit du nicht jede Eigenschaft manuell prüfen musst.

  1. Spezifikationen lesen

    Dein KI-Client verarbeitet die Rohdaten des Designs oder die bereitgestellten Komponenteneigenschaften.

    validate_accessibility

  2. WCAG-Checks ausführen

    Die KI gleicht deine Daten mit dem WCAG 2.2 AA Regelwerk ab.

    validate_accessibility

  3. Lücken identifizieren

    Die KI isoliert spezifische Fehler wie schlechte Farbkontraste oder zu kleine Klickflächen.

    validate_accessibility

  4. Ergebnisse melden

    Die KI erstellt eine strukturierte Liste darüber, was die Prüfung bestanden hat und was fehlgeschlagen ist.

    validate_accessibility

Probieren Sie es

Kopiere diese Vorlagen zum Start.

Füge diese Befehle in deinen Chat ein, um den Validierungsprozess zu starten.

Startpunkte

Dies sind Beispielsätze. Ersetze den Text in den Klammern durch deine spezifischen Komponentendaten oder den Inhalt deiner Designdatei.

WCAG 2.2 Connector

Alles bereit. Wählen Sie Ihren MCP-Client und folgen Sie den Einrichtungsschritten.

Connector-Linkhttps://edge.vinkius.com/vk_preview_Z4jgihFSGVmVid2ldA4mxeRfY0ki8hZy1vHx94N4/mcp

Claude Desktop

Folgen Sie den Schritten unten, um sich in Sekunden zu verbinden.

  1. 1In Claude Desktop, open Settings → Connectors.
  2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
  3. 3Click Add and start a new chat — WCAG 2.2 capabilities are ready to use.
Konfiguration · claude_desktop_config.jsonKopieren
{
  "mcpServers": {
    "accessibility-prover-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_Z4jgihFSGVmVid2ldA4mxeRfY0ki8hZy1vHx94N4/mcp"
    }
  }
}
In den Chat kopieren04

  • Prüfe die Barrierefreiheit dieser Button-Komponente: [Komponentenspezifikationen einfügen].

  • Überprüfe dieses Navigationsmenü gegen die WCAG 2.2 AA Standards: [Menü-Specs einfügen].

  • Gibt es Farbkontrast-Probleme in dieser Farbpaletten-Spezifikation: [Paletten-Daten einfügen]?

  • Überprüfe diese Formularfelder auf Konformität mit den Barrierefreiheits-Richtlinien: [Formular-Specs einfügen].

  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

Starten Sie hier

Einmal verbinden, dann fragen.

Verbinde deinen Client mit einem Klick mit dem MCP. Deine Zugangsdaten bleiben bei uns verschlüsselt.

Accessibility Prover mit deiner KI verbinden

FAQ

So funktioniert die Aufgabe.

  • 01

    Korrigiert die KI meine Designdateien?

    Nein. Die KI identifiziert lediglich die Barrierefreiheits-Fehler. Die eigentlichen Änderungen musst du in deinem Design-Tool vornehmen.

  • 02

    Kann das Tool eine Live-Website scannen?

    Nein. Dieses Tool validiert die spezifischen Komponentenspezifikationen, die du im Chat bereitstellst.

  • 03

    Was passiert, wenn die Spezifikation unvollständig ist?

    Die KI markiert die Unklarheit als Punkt für eine manuelle Prüfung und weist darauf hin, dass ohne weitere Daten keine Konformität bestätigt werden kann.

  • 04

    Wird WCAG 2.1 unterstützt?

    Nein. Das Tool ist speziell für die Validierung nach den WCAG 2.2 AA Standards entwickelt worden.

  • 05

    Kann die KI meine Designdaten löschen?

    Nein. Die KI liest nur die Daten, die du bereitstellst, um die Validierung durchzuführen.

  • Noch Fragen zum Accessibility Prover? Die Connector-Seite liefert Antworten. Alle Funktionen des Accessibility Prover Connectors ansehen

Verbinde WCAG 2.2 mit Claude, Cursor, ChatGPT & mehr