
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

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.
Web Accessibility Testing MCP Video
Beliebte Artikel

KI-Smartglasses 2026: Eine Software-orientierte Perspektive auf den Markt für tragbare KI
Jan 7, 2026

Neue Amazon-Gutscheincodes auf Koupon.ai im Jahr 2026 und wie man sie einlöst
Dec 30, 2025

Merlin AI Gutscheincodes Kostenlos im Jahr 2026 und wie man sie einlöst | AIPURE
Dec 30, 2025

CrushOn AI NSFW Chatbot: Neue Geschenkcodes im Jahr 2026 und wie man sie einlöst
Dec 30, 2025







