MCP Accessibility Scanner
2025.03.11
3
TypeScript网页可访问性检查WCAG 合规性开发效率
MCP Accessibility Scanner 是一个基于 Model Context Protocol (MCP) 的服务，用于自动化扫描网页的可访问性问题。它利用 Playwright 和 Axe-core 技术，提供全面的 WCAG 2.1/2.2 合规性检查，自动捕获带有违规标记的屏幕截图，并生成详细的 JSON 报告，包含修复建议。
View on GitHub
Overview
基本能力
产品定位
MCP Accessibility Scanner 是一个专注于网页可访问性检查的工具，旨在帮助开发者识别和修复网页中的可访问性问题，确保网站符合 WCAG 标准。
核心功能
- WCAG 2.1/2.2 合规性检查：全面检查网页是否符合 WCAG 标准。
- 自动截图捕获：自动捕获带有违规标记的屏幕截图。
- 详细 JSON 报告：生成包含所有发现的违规及其修复建议的详细报告。
适用场景
- 开发者在开发过程中检查网页的可访问性。
- 质量保证团队在测试阶段验证网站的可访问性合规性。
- 内容创作者确保其内容对所有用户均可访问。
工具列表
scan_accessibility：扫描指定 URL 的可访问性问题，支持指定违规标签（如颜色对比问题）。
常见问题解答
- 如何扫描特定类型的可访问性问题？：通过
violationsTag参数指定需要检查的违规标签。 - 报告的输出格式是什么？：报告包括视觉报告、详细 JSON 报告和全页截图。
使用教程
使用依赖
- 确保已安装 Node.js 和 npm。
- 克隆仓库并安装依赖：
git clone https://github.com/JustasMonkev/mcp-accessibility-scanner.git
cd mcp-accessibility-scanner
npm install
安装教程
- 构建项目（编译 TypeScript 并安装 Playwright 浏览器）：
npm run prepare
调试方式
- 启动 TypeScript 编译器监视模式：
npm run watch
- 本地测试 MCP 服务器：
npm run inspector