wcag-accessibility

Name: wcag-accessibility
Author: aditya-ariosity

本地服务

github.com/aditya-ariosity开发工具

代码仓库

关于 wcag-accessibility

wcag-accessibility 是面向开发者和设计团队的 MCP 服务，用于按 WCAG 审查网页界面。它通过 Chromium 渲染页面并运行 axe-core，返回含规则说明和证据的结构化结果；自动化检查不能取代人工审查。

主要功能

01审查渲染后的 URL、HTML 和本地 HTML 文件
02使用 Chromium 和 axe-core 执行审计
03检查对比度并建议颜色调整
04解释规则并提供 WCAG 检查清单
05生成 JSON、Markdown 或 SARIF 报告

适用场景

01发布前审查网页
02开发界面时检查本地 HTML
03按 WCAG 配置检查颜色对比度
04比较审计报告或生成命令行报告

MCP 相关

它向 MCP 客户端提供网页无障碍审计、对比度检查、规则说明和检查清单工具。矩阵、截图/OCR 和设计快照工具为实验性功能。

配置

本地服务的配置在各客户端中通用，复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置

{
  "mcpServers": {
    "aditya-ariosity-wcag-accessibility": {
      "command": "npx",
      "args": [
        "-y",
        "wcag-accessibility-mcp"
      ]
    }
  }
}

启动命令npx -y wcag-accessibility-mcp

本地服务需要在你的电脑上安装运行环境（如 Node.js 18+）。各客户端的配置文件位置不同，请参考客户端文档。

安装包

npmwcag-accessibility-mcp0.1.6stdio

工具

收录的工具列表 · 更新于 2 周前

参数	类型	必填	说明
url	string	是	要渲染和测试的绝对 http:// 或 https:// URL。
width	integer	否	视口宽度，单位为 CSS 像素。
height	integer	否	视口高度，单位为 CSS 像素。
standard	enum	否	要测试的 WCAG 规则集。使用 best-practice 可包含额外的 axe 指南。wcag2a \| wcag2aa \| wcag2aaa \| wcag21aa \| wcag21aaa \| wcag22aa \| wcag22aaa \| best-practice
maxIssues	integer	否	返回的违规组最大数量；摘要总数仍涵盖完整运行结果。
maxNodesPerIssue	integer	否	每条规则返回的受影响元素最大数量。