a11y-toolkit
a11y-toolkit MCP
作为 MCP 服务器(Model Context Protocol)提供给 AI 代理的 WCAG 2.2 无障碍套件——外加一个统一的 CLI。核心零依赖;所有计算均在本地完成且结果精确(采用官方相对亮度公式)。
完整流程——审计 → 修复 → 文档化 → 回归监控——装进同一个工具包:
审计:对任意 URL 进行快速 WCAG 审计(结果按严重程度排序)
修复:精确的对比度检查——颜色对*以及* 图像上的文字(对真实背景做像素级采样)——并提供最接近的可用颜色建议
文档:生成欧盟法定无障碍声明,输出为无障碍 HTML
回归监控:对比构建之间的快照和 diff,在生产环境前拦下无障碍回归
所有工具均支持多语言 es/en(英文声明采用 Directive (EU) 2016/2102 与 Directive (EU) 2019/882 —— 欧洲无障碍法案的措辞,在整个欧盟范围内可用)。
MCP 工具(9 个)
工具 | 作用 |
| 快速审查某个 URL 的 WCAG 符合性:缺少 alt 的图片(1.1.1)、无可访问名称的控件(4.1.2)、无标签的表单字段(3.3.2)、缺少 lang/title(3.1.1、2.4.2)、标题级别跳级(1.3.1)、阻塞缩放(1.4.4)、正 tabindex(2.4.3)、无标题 iframe。按严重程度排序。为把关工具,而非唯一检测结果——自动化涵盖 WCAG 的约 1/3。 |
| 精确对比度以及各标准裁决:1.4.3(AA)、1.4.6(AAA)、1.4.11(非文本)。若未达到 AA,给出最接近的可通过颜色建议。 |
| 图像上的文字:对文本框后真实背景做像素采样 → 最差/中位数/p95 比率、通过 AA 的面积百分比以及 |
| 在调整目标(默认为 4.5)的同时返回最接近你的颜色的可选颜色。 |
| 生成无障碍 HTML 法定声明:RD 1112/2018 第 10 条(西班牙,公共部门)或 Ley 11/2023 / 欧洲无障碍法案措辞。es/en。生成的文档本身即无障碍文档。 |
| URL 的无障碍快照:可交互元素(标签、角色、无障碍名称、href)以及真实 Tab 焦点顺序。需要本地安装有 Playwright。 |
| 比较两份快照:增/删/改名的可交互元素和焦点顺序变化。接受内联 JSON 或文件路径。 |
| 一次调用同时对两个 URL 执行快照并 diff(staging vs 生产)告诉我们它们观察到的会有所不同。 |
| 可注入的监视器,记录每个动态区域播报(aria-live、role=alert/status):时间、礼貌程度、role、文本——屏幕阅读器会读出的内容,在屏幕上可见可见。 |
Related MCP server: Accessibility MCP Server
以 MCP 方式安装
{
"mcpServers": {
"a11y-toolkit": {
"command": "python3",
"args": ["/path/to/a11y-toolkit/server.py"]
}
}
}或者使用 uv,无需克隆仓库:
{
"mcpServers": {
"a11y-toolkit": {
"command": "uvx",
"args": ["--from", "git+https://github.com/kinti/a11y-toolkit", "a11y-toolkit-mcp"]
}
}
}如果你打算用到 a11y_snapshot(需要启动浏览器),请加上 "timeoutMs": 60000。
统一 CLI——一条命令搞定一切
a11y pair "#1f2328" "#fbfaf7" # contrast, per-criterion verdicts
a11y image hero.jpg --text "#ffffff" --region 120,40,420,90
a11y audit --url https://example.com # express WCAG audit
a11y declaration --entidad "Acme" --url https://acme.example \
--estado parcial --marco eaa --lang en --output decl.html
a11y snapshot https://mysite --out before.json # before deploy (needs Playwright)
a11y diff before.json after.json # after deploy在仓库目录下运行:python3 a11y.py <sub命令>。
理解图像模式
ratio_peor(最差)——对你文字颜色最不利的位置。area_pasa_aa_texto_normal_4_5——隐私安全面积的占比。如果文本所在地 < 100%:加遮罩/覆盖层、剪裁或移动文字。zona_peor——在 3×3 网格中失败最严重的格子,同时给出精确坐标。
安全性与范围
本地工具:它在你的机器上以你的身份运行。path(图像)和 output_path(声明)参数会读写本地路径——请在你信任的 MCP 客户端中使用。除你明确审计的 URL 外,不会有任何内容发送到网络。
技术细节
图片解码:优先 Pillow,否则用 macOS 的
sips;始终可用 PPM(这正是 CI 不需要依赖的原因)。aria-live 监视器自带设计教训:它的面板故意不是动态区域,并将自己排除在 observer 之外——一个
role="log"面板会匹配到自身的 selector,从而陷入无限自观察循环。我们之所以知道,是因为我们已被坑过。已用自己的真实生产站点测试过(毕竟它得通过自己的审计)。
Web 版供真实人类(同样一套计算):jquin.net/lab —— 对比度(pair + image)、声明生成器、aria-live 监视器、构建 diff。
Español
一套于 MCP 服务器 + 统一 CLI 形态的 WCAG 2.2 无障碍套件。核心零依赖(可选 Pillow;macOS 可用 sips;PPM 始终可用)。整个闭环同一个 toolchain:audit(a11y_audit_url)→ 修复(颜色对以及图像上的文字,像素级采样 + 困难区域检测;提供无障碍颜色建议)→ 生成声明(RD 1112/2018 第 10 条或 Ley 11/2023/EAA 的无障碍 HTML)→ 持续监测(build 之间的 snapshot 与 diff:添加/移除/重命名,焦点顺序)。9 个 MCP 工具(见上方表格)· 多语言 es/en(EN 声明采用欧盟指令 (EU) 2016/2102 和 2019/882 的措辞)· 统一 CLI a11y,子命令 pair、image、audit、declaration、snapshot、diff。
{ "mcpServers": { "a11y-toolkit": {
"command": "python3", "args": ["/ruta/al/repo/server.py"] } } }本地工具:path 和 output_path 参数只读写本地路径;除明确审查的 URL 外,没有任何内容走网络。aria-live 监视器附带它的一个设计教训: 面板刻意不是 live region,并且把自己排除在 observer 之外(role="log" 面板会匹配自身的 selector,形成无限自观察循环——我们踩过这个坑)。人类面向网页版: jquin.net/lab。
作者
. Jesús Quintana Fernández(jquin.net)——自 2003 年起担任 SEO/GEO 顾问以及 web 无障碍开发实践者。MIT © 2026。
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Related MCP Servers
- FlicenseBqualityDmaintenanceEnables AI agents to perform comprehensive accessibility audits on websites using Playwright and axe-core against WCAG standards. Provides detailed compliance reports with violation summaries and remediation guidance across multiple browsers.3
- AlicenseAqualityCmaintenanceProvides conversational, actionable accessibility testing for AI agents, including auditing, prioritization, and code-level fixes.2254MIT
- AlicenseAqualityDmaintenanceEnables AI agents to perform comprehensive web accessibility checks (WCAG 2.1/2.2) including color contrast analysis, ARIA validation, and full accessibility report generation without requiring any API key.8MIT
- AlicenseNot gradedqualityDmaintenanceProvides AI agents with web accessibility analysis tools via MCP, enabling checks for alt text, heading hierarchy, color contrast, ARIA validation, and form accessibility.50MIT
Related MCP Connectors
Scan URLs for WCAG 2.1 violations, generate AI fixes, and produce VPAT 2.5 compliance reports.
Screenshot, diff, audit and sitemap-capture any web page — 5 MCP tools for AI agents.
SEO research, audits, backlinks, GSC, and content workflow tools for AI agents.
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/kinti/a11y-toolkit'
If you have feedback or need assistance with the MCP directory API, please join our Discord server