mcpField
W
WCAG 2.2 Compliance

WCAG 2.2 Compliance

本地服务
veduis.com开发工具01 周前更新

关于 WCAG 2.2 Compliance

WCAG 2.2 Compliance 是面向开发者和无障碍团队的 MCP 服务,使用内置数据检查标记并查询修复方案。它提供静态 HTML 检查、经验证的修复示例、标准条目查询和有来源的美国无障碍期限,同时说明自动检查不能证明符合标准。

主要功能

  1. 01执行 18 项静态 HTML 检查
  2. 02返回问题标记及修正片段
  3. 03查询 WCAG 条目及等级
  4. 04展示经验证的修复示例
  5. 05查询有来源的无障碍期限

适用场景

  1. 01检查页面片段中的标记缺陷
  2. 02了解标准条目的等级和适用性
  3. 03准备修复方案及人工测试步骤
  4. 04确定组织的 ADA 合规期限

MCP 相关

MCP 服务提供四种工具,用于 HTML 审计、WCAG 条目查询、经验证的修复示例和 ADA 期限查询。数据随服务打包,无需 API 密钥或网络调用。

配置

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

暂未收录安装方式

我们还没有获取到这个服务的安装包或远程地址,请按项目 README 中的说明安装。

代码仓库
安装包
mcpbwcag-compliance-mcp.mcpb

工具

还没有获取到工具列表

本地服务需要在你的电脑上运行后才能读取工具,维护者暂未提供工具列表。

详细介绍

wcag-compliance-mcp

用于 WCAG 2.2 审核、经验证的修复示例和美国无障碍法规截止日期的 MCP 服务。包含 4 个工具,无需 API 密钥,不进行网络调用,所有数据均已打包。

基于一项基准测试构建,并已在无头 Chromium 中验证:使用 axe-core 4.14.0 执行了 64 组失败/通过 HTML 示例,覆盖全部 87 项 WCAG 2.2 成功标准,以及从 1990 年 ADA 到 2028 年 DOJ Title II 截止日期的 21 个有来源依据的法规日期。

DOI

已列入官方 MCP 注册表,名称为 io.github.Veduis/wcag-compliance-mcp;也收录于 拥有 97k 星的 MCP 目录 和 无障碍工具列表。

工具

工具可回答的问题
audit_html_snippet这段 HTML 中有哪些 WCAG 2.2 缺陷?未通过的是哪项标准?修复后的样子是什么?
lookup_wcag_criterion1.4.3 是什么意思?它属于哪个级别?是否适用于 ADA Title II 实体?是否有自动化规则?
get_verified_fix_example展示未通过的代码片段、修正后的代码片段、问题的重要性,以及如何手动测试
check_ada_compliance_deadlines我的组织必须在何时合规?哪个规则规定了日期?
audit_html_snippet

对片段或完整文档执行 18 项静态检查:

检查项成功标准
图片缺少文本替代内容1.1.1
图片按钮缺少 alt1.1.1
role="img" SVG 缺少名称1.1.1
链接没有可访问名称2.4.4
按钮没有可访问名称4.1.2
表单字段没有程序化标签3.3.2
缺少 html lang3.1.1
缺少页面标题2.4.2
标题级别跳级或没有 h11.3.1
id 值重复4.1.1
正数 tabindex2.4.3
可聚焦元素上设置了 aria-hidden4.1.2
ul/ol 中包含非 li 子元素1.3.1
iframe 缺少 title4.1.2
数据表格缺少 th1.3.1
video 缺少字幕轨道1.2.2
视口 meta 禁止缩放1.4.4
用途常见的输入框缺少 autocomplete1.3.5

每条发现都会返回对应标准、存在问题的标记,以及修正后的代码片段。

check_ada_compliance_deadlines

实体类型:title_ii_large、title_ii_small、title_iii_business、federal_contractor、hhs_recipient、eu_business、ontario。

传入 as_of,即可计算任意日期对应的答案,因此该工具适用于追溯性范围界定,也适用于需要说明某一天适用哪些规定的法律备忘录。每个日期都附有其主要来源 URL。

安装

npx -y github:Veduis/wcag-compliance-mcp

另外还有 3 种方式:

方式命令
MCPB bundle(Claude Desktop,一键安装)wcag-compliance-mcp.mcpb
官方注册表io.github.Veduis/wcag-compliance-mcp
Dockerdocker build -t wcag-compliance-mcp . && docker run -i --rm wcag-compliance-mcp

npm 包 wcag-compliance-mcp 将在下一次发布时上线。在此之前,GitHub 规格会安装相同的代码和依赖项。

Claude Desktop

~/Library/Application Support/Claude/claude_desktop_config.json(macOS)或 %APPDATA%\Claude\claude_desktop_config.json(Windows):

{
  "mcpServers": {
    "wcag-compliance": {
      "command": "npx",
      "args": ["-y", "github:Veduis/wcag-compliance-mcp"]
    }
  }
}
Cursor

.cursor/mcp.json:

{
  "mcpServers": {
    "wcag-compliance": {
      "command": "npx",
      "args": ["-y", "github:Veduis/wcag-compliance-mcp"]
    }
  }
}
VS Code(Copilot Agent 模式)

.vscode/mcp.json:

{
  "servers": {
    "wcag-compliance": {
      "command": "npx",
      "args": ["-y", "github:Veduis/wcag-compliance-mcp"]
    }
  }
}
Docker
docker build -t wcag-compliance-mcp .
docker run -i --rm wcag-compliance-mcp

示例

向你的 Agent 提问:

审核此定价页面是否存在 WCAG 2.2 问题,并给出修正后的标记。

Agent 会调用 audit_html_snippet,然后针对每项未通过的标准调用 get_verified_fix_example。返回内容包括未通过的代码片段、修正后的代码片段和手动测试步骤,而不是含糊的警告。

$ audit_html_snippet('<img src="chart.png">')

{
  "summary": {
    "issues": 1,
    "checks_run": 18,
    "checks_failed": 1,
    "conformance_claim": false
  },
  "findings": [
    {
      "check_id": "img-alt",
      "sc": "1.1.1",
      "level": "A",
      "title": "Image missing a text alternative",
      "count": 1,
      "elements": [
        {
          "snippet": "<img src=\"chart.png\">",
          "reason": "No alt, aria-label, or aria-labelledby. Decorative images need alt=\"\"."
        }
      ],
      "fix": "<img src=\"chart.png\" alt=\"Bar chart: Q3 revenue rose 18 percent over Q2\">"
    }
  ]
}

自动化无法检测到的内容

这比功能列表更重要。在此服务背后的基准测试中,axe-core 4.14.0 标记了 64 份故意包含缺陷的文档中的 39 份。其余 25 份需要脚本化检查或人工审核。在完整标准中,87 项标准里有 29 项映射了规则,58 项没有;在法律实际针对的 AA 级别,24 项标准中只有 7 项有对应规则。

因此,该服务在每次审计中都会报告 conformance_claim: false。结果干净仅表示没有发现静态缺陷,并不代表页面符合标准。对比度、焦点可见性、键盘陷阱、阅读顺序、字幕准确性和错误恢复都需要渲染后的页面或人工检查。如果你需要涵盖这些检查的全域审计,vComplianceScanner 正是为此而设计的。

数据来源

数据集DOI
预印本:自动化测试实际能检测到什么10.5281/zenodo.23829968
64 组成对的浏览器验证失败/通过案例,axe-core 4.14.010.5281/zenodo.23781867
87 项带有规则映射的 WCAG 2.2 成功标准10.5281/zenodo.23781861
21 个有来源依据的 ADA/Section 504/EAA 日期10.5281/zenodo.23781873
64 条多轮 LLM 修复提示词10.5281/zenodo.23781879

镜像:Hugging Face。测试用例采用 CC BY 4.0 许可,代码采用 MIT 许可。

开发

npm install
npm test          # 18 checks, including a live stdio handshake
npm start

目录结构:

src/index.mjs    MCP server, tool registration, resource
src/checks.mjs   18 static checks, no browser required
src/data.mjs     criteria, pairs, timeline, deadline resolution
data/            bundled JSON, generated from the published datasets
test/smoke.mjs   engine tests plus protocol handshake

Veduis 的更多内容

许可证

代码采用 MIT 许可。数据集内容采用 CC BY 4.0 许可,须注明归属 Veduis LLC。

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。