A11y MCP 的主要功能是什么？

主要功能包括：测试网页和 HTML 片段的可访问性问题、WCAG 合规性测试（2.0、2.1、2.2）、可自定义的可访问性测试、规则探索、颜色对比度分析、ARIA 验证和方向锁定检测。

A11y MCP 中有哪些测试工具可用？

A11y MCP 提供了几个测试工具：test_accessibility（用于测试 URL）、test_html_string（用于测试 HTML 内容）、get_rules（用于可访问性规则信息）、check_color_contrast（用于 WCAG 对比度要求）和 check_orientation_lock（用于方向问题）。

这是 Deque Labs 的官方工具吗？

不，正如文档中明确指出的那样，这不是来自 Deque Labs 的官方 MCP 服务器，尽管它使用了 Deque Axe-core API。

Web Accessibility Testing MCP

Q: 如何安装和配置 A11y MCP？

要将 A11y MCP 与 Claude Desktop 结合使用，您需要根据您的操作系统编辑 MCP 配置文件：对于 macOS：'~/Library/Application Support/Claude/claude_desktop_config.json'，对于 Windows：'%APPDATA%\\Claude\\settings\\claude_mcp_settings.json'，对于 Linux：'~/.config/Claude/settings/claude_mcp_settings.json'。添加 'a11y-accessibility' 的配置，使用 npx 命令和 a11y-mcp-server 参数。

WebsiteFreeAI Testing & QA AI Web Scraper

A11y MCP是一个模型上下文协议服务器，它使AI语言模型能够通过与Deque的Axe-core API和Puppeteer集成来执行自动化的Web可访问性测试，以分析Web内容的WCAG合规性。

访问网站

推广此工具

https://github.com/ronantakizawa/a11ymcp?ref=producthunt&utm_source=aipure

概述
视频
替代方案

产品信息

更新于：2026年01月15日

什么是 Web Accessibility Testing MCP

Web可访问性测试MCP (A11y MCP) 是一个开源工具，弥合了AI语言模型和Web可访问性测试能力之间的差距。它构建为模型上下文协议 (MCP) 服务器，为AI助手提供对专业可访问性测试API和工具的直接访问。该服务器利用Deque的Axe-core API和Puppeteer对网页和HTML内容执行全面的可访问性审计，确保符合Web内容可访问性指南 (WCAG) 2.0、2.1和2.2标准。

Web Accessibility Testing MCP 的主要功能

Web Accessibility Testing MCP (A11y MCP) 是一个模型上下文协议服务器，使 AI 语言模型能够对网站和 HTML 内容执行自动化的可访问性测试。它与 Deque 的 Axe-core API 和 Puppeteer 集成，以分析 Web 内容的 WCAG 合规性，检查颜色对比度，验证 ARIA 属性，并识别可访问性问题，同时提供详细的报告和修复指南。

全面的 WCAG 测试: 根据多个 WCAG 标准（2.0、2.1、2.2）测试内容，并提供详细的违规报告以及具体的修复建议

灵活的测试选项: 支持测试公共 URL 和原始 HTML 代码段，允许开发人员在开发的任何阶段检查可访问性

高级颜色分析: 执行前景和背景元素之间详细的颜色对比度分析，考虑字体大小和粗细以符合 WCAG 标准

ARIA 验证: 验证 ARIA 属性和角色的正确实现，以确保屏幕阅读器的兼容性

Web Accessibility Testing MCP 的使用场景

开发集成: 开发人员可以将可访问性测试直接集成到他们的 IDE 工作流程中，以便在开发过程的早期发现问题

合规性审计: 组织可以对其网站执行自动化的可访问性审计，以确保符合可访问性标准和法规

内容管理: 内容创建者可以在发布之前验证其 HTML 内容是否符合可访问性要求

教育工具: 通过提供关于可访问性问题以及如何修复它们的即时反馈，向教学团队和学生讲授 Web 可访问性

优点

通过 MCP 协议与 AI 语言模型无缝集成

提供详细的、可操作的反馈以及具体的修复步骤

支持多种测试场景（URL、HTML 代码段）和标准

缺点

需要本地设置和配置

不是来自 Deque Labs 的官方工具

仅限于静态分析，没有用户交互测试

如何使用 Web Accessibility Testing MCP

安装和配置MCP设置: 根据您的操作系统编辑MCP设置文件：对于macOS：'~/Library/Application Support/Claude/claude_desktop_config.json'，对于Windows：'%APPDATA%\\Claude\\settings\\claude_mcp_settings.json'，对于Linux：'~/.config/Claude/settings/claude_mcp_settings.json'

添加服务器配置: 将以下配置添加到您的MCP设置文件中：{ "mcpServers": { "a11y-accessibility": { "command": "npx", "args": [ "-y", "a11y-mcp-server" ] } } }

测试URL可访问性: 通过提供URL参数来使用test_accessibility工具：{ "url": "https://example.com", "tags": ["wcag2aa"] }

测试HTML字符串: 使用test_html_string工具来测试原始HTML内容：{ "html": "<div><img src=\'image.jpg\'></div>", "tags": ["wcag2aa"] }

检查颜色对比度: 使用check_color_contrast工具来验证WCAG对比度要求：{ "foreground": "#777777", "background": "#EEEEEE", "fontSize": 16, "isBold": false }

验证ARIA属性: 使用HTML内容测试ARIA属性的使用：{ "html": "<div role=\'button\' aria-pressed=\'false\'>Click me</div>" }

检查方向锁定: 测试HTML内容中的方向锁定问题：{ "html": "<html><head><meta name=\'viewport\' content=\'width=device-width, orientation=portrait\'></head><body>Content</body></html>" }

查看测试结果: 分析JSON响应，其中包括违规、通过、未完成的测试以及关于发现的任何可访问性问题的详细信息