Web Accessibility Testing MCP

Web Accessibility Testing MCP

A11y MCP ist ein Model Context Protocol-Server, der es KI-Sprachmodellen ermöglicht, automatisierte Web-Barrierefreiheitstests durchzuführen, indem er mit der Axe-core-API von Deque und Puppeteer integriert wird, um Webinhalte auf WCAG-Konformität zu analysieren.
https://github.com/ronantakizawa/a11ymcp?ref=producthunt&utm_source=aipure
Web Accessibility Testing MCP

Produktinformationen

Aktualisiert:Jan 15, 2026

Was ist Web Accessibility Testing MCP

Web Accessibility Testing MCP (A11y MCP) ist ein Open-Source-Tool, das die Lücke zwischen KI-Sprachmodellen und Web-Barrierefreiheitstestfunktionen schließt. Als Model Context Protocol (MCP)-Server aufgebaut, bietet es KI-Assistenten direkten Zugriff auf professionelle Barrierefreiheitstest-APIs und -Tools. Der Server nutzt die Axe-core-API von Deque und Puppeteer, um umfassende Barrierefreiheitsprüfungen auf Webseiten und HTML-Inhalten durchzuführen und die Einhaltung der Web Content Accessibility Guidelines (WCAG)-Standards 2.0, 2.1 und 2.2 sicherzustellen.

Hauptfunktionen von Web Accessibility Testing MCP

Web Accessibility Testing MCP (A11y MCP) ist ein Model Context Protocol Server, der es KI-Sprachmodellen ermöglicht, automatisierte Barrierefreiheitstests auf Websites und HTML-Inhalten durchzuführen. Er integriert sich mit Deques Axe-core API und Puppeteer, um Webinhalte auf WCAG-Konformität zu analysieren, Farbkontrastverhältnisse zu überprüfen, ARIA-Attribute zu validieren und Barrierefreiheitsprobleme zu identifizieren, während er detaillierte Berichte und Anleitungen zur Behebung bereitstellt.
Umfassende WCAG-Tests: Testet Inhalte anhand verschiedener WCAG-Standards (2.0, 2.1, 2.2) und liefert detaillierte Verletzungsberichte mit spezifischen Empfehlungen zur Behebung
Flexible Testoptionen: Unterstützt das Testen von öffentlichen URLs und rohen HTML-Snippets, sodass Entwickler die Barrierefreiheit in jeder Phase der Entwicklung überprüfen können
Erweiterte Farbanalyse: Führt eine detaillierte Farbanalyse zwischen Vorder- und Hintergrundelementen durch, wobei die Schriftgröße und -stärke für die WCAG-Konformität berücksichtigt werden
ARIA-Validierung: Validiert die korrekte Implementierung von ARIA-Attributen und -Rollen, um die Kompatibilität mit Screenreadern sicherzustellen

Anwendungsfälle von Web Accessibility Testing MCP

Entwicklungsintegration: Entwickler können Barrierefreiheitstests direkt in ihren IDE-Workflow integrieren, um Probleme frühzeitig im Entwicklungsprozess zu erkennen
Compliance-Prüfung: Organisationen können automatisierte Barrierefreiheitsprüfungen ihrer Websites durchführen, um die Einhaltung von Barrierefreiheitsstandards und -vorschriften sicherzustellen
Content-Management: Content-Ersteller können überprüfen, ob ihre HTML-Inhalte die Barrierefreiheitsanforderungen erfüllen, bevor sie veröffentlicht werden
Lehrwerkzeug: Teams und Studenten die Barrierefreiheit im Web näherbringen, indem sie sofortiges Feedback zu Barrierefreiheitsproblemen und deren Behebung geben

Vorteile

Nahtlose Integration mit KI-Sprachmodellen über das MCP-Protokoll
Bietet detailliertes, umsetzbares Feedback mit spezifischen Schritten zur Behebung
Unterstützt mehrere Testszenarien (URLs, HTML-Snippets) und Standards

Nachteile

Erfordert lokale Einrichtung und Konfiguration
Kein offizielles Tool von Deque Labs
Beschränkt auf statische Analyse ohne Tests mit Benutzerinteraktion

Wie verwendet man Web Accessibility Testing MCP

MCP-Einstellungen installieren und konfigurieren: Bearbeiten Sie die MCP-Einstellungsdatei basierend auf Ihrem Betriebssystem: Für macOS: '~/Library/Application Support/Claude/claude_desktop_config.json', Für Windows: '%APPDATA%\\Claude\\settings\\claude_mcp_settings.json', Für Linux: '~/.config/Claude/settings/claude_mcp_settings.json'
Serverkonfiguration hinzufügen: Fügen Sie die folgende Konfiguration zu Ihrer MCP-Einstellungsdatei hinzu: { "mcpServers": { "a11y-accessibility": { "command": "npx", "args": [ "-y", "a11y-mcp-server" ] } } }
URL-Barrierefreiheit testen: Verwenden Sie das Tool test_accessibility, indem Sie einen URL-Parameter angeben: { "url": "https://example.com", "tags": ["wcag2aa"] }
HTML-String testen: Verwenden Sie das Tool test_html_string, um rohe HTML-Inhalte zu testen: { "html": "<div><img src=\'image.jpg\'></div>", "tags": ["wcag2aa"] }
Farbkontrast prüfen: Verwenden Sie das Tool check_color_contrast, um die WCAG-Kontrastanforderungen zu überprüfen: { "foreground": "#777777", "background": "#EEEEEE", "fontSize": 16, "isBold": false }
ARIA-Attribute validieren: Testen Sie die ARIA-Attributverwendung mit HTML-Inhalten: { "html": "<div role=\'button\' aria-pressed=\'false\'>Click me</div>" }
Orientierungssperre prüfen: Testen Sie auf Probleme mit der Orientierungssperre in HTML-Inhalten: { "html": "<html><head><meta name=\'viewport\' content=\'width=device-width, orientation=portrait\'></head><body>Content</body></html>" }
Testergebnisse überprüfen: Analysieren Sie die JSON-Antwort, die Verstöße, bestandene Tests, unvollständige Tests und detaillierte Informationen zu allen gefundenen Barrierefreiheitsproblemen enthält

Web Accessibility Testing MCP FAQs

A11y MCP ist ein Model Context Protocol (MCP)-Server, der es LLMs (Large Language Models) ermöglicht, Web-Accessibility-Tests durchzuführen. Er verwendet die Deque Axe-core API und Puppeteer, um Webinhalte auf WCAG-Konformität zu analysieren und Accessibility-Probleme zu identifizieren.

Neueste KI-Tools ähnlich wie Web Accessibility Testing MCP

ExoTest
ExoTest
ExoTest ist eine KI-gesteuerte Produkttestplattform, die Startups mit Expertentestern in ihrer spezifischen Nische verbindet, um umfassendes Feedback und umsetzbare Erkenntnisse vor dem Produktlaunch bereitzustellen.
AI Dev Assess
AI Dev Assess
AI Dev Assess ist ein KI-gestütztes Tool, das automatisch rollenspezifische Interviewfragen und Bewertungsmatrizen generiert, um HR-Profis und technische Interviewer dabei zu unterstützen, Softwareentwickler-Kandidaten effizient zu bewerten.
Tyne
Tyne
Tyne ist ein professionelles KI-gestütztes Software- und Beratungsunternehmen, das Unternehmen hilft, ihre täglichen Bedürfnisse durch Datenanalyse, Ertragsverbesserungssysteme und KI-Lösungen zu optimieren.
MTestHub
MTestHub
MTestHub ist eine All-in-One-KI-gestützte Rekrutierungs- und Bewertungsplattform, die Einstellungsprozesse mit automatisierter Sichtung, Fähigkeitsbewertungen und fortschrittlichen Anti-Betrugsmaßnahmen optimiert.