探索
A11y

A11y

一个基于axe-core的网页无障碍检测MCP服务,可集成AI助手自动修复问题
2.5分
1
2025-04-28 10:37:49
概述
安装
内容详情
替代品

什么是A11y MCP服务器?

A11y MCP服务器是一款基于axe-core的无障碍审计工具,旨在帮助开发者轻松检测网页是否符合无障碍标准(如WCAG)。它不仅提供详细的审计报告,还能与AI助手协作,快速优化网页的无障碍体验。

如何使用A11y MCP服务器?

只需输入目标网页URL,服务器会自动执行审计并生成详细的无障碍问题列表。您可以选择查看HTML片段,方便定位具体问题位置。

适用场景

适合需要确保网站无障碍性的开发者、设计师和产品经理,尤其在开发阶段可以快速发现并修复无障碍问题。

主要功能

网页无障碍审计对指定网页进行全面无障碍审计,支持WCAG 2.1 AA标准。
无障碍问题总结生成一份精简的无障碍问题概览,便于快速了解整体情况。
HTML片段支持在审计报告中包含问题对应的HTML代码片段,方便定位和修复。
自定义标签过滤根据特定的无障碍标准(如wcag2a、best-practice)筛选问题。

优势与局限性

优势
无需复杂配置即可快速开始审计
支持多种无障碍标准(如WCAG 2.1 AA)
提供HTML片段便于定位问题
与AI助手无缝集成,提升修复效率
局限性
依赖网络连接进行网页访问
对于非常复杂的页面可能需要多次迭代优化

如何使用

安装A11y MCP服务器通过npm安装全局工具或直接使用npx运行。
配置MCP服务器在MCP设置文件中添加A11y MCP服务器配置。
执行审计任务输入目标网页URL,启动无障碍审计。

使用案例

检查示例网站使用A11y MCP服务器检查example.com的无障碍问题。
本地开发环境审计在本地开发环境中运行无障碍审计。

常见问题

1
如何安装A11y MCP服务器?可以通过npm安装全局工具:npm install -g a11y-mcp。
2
如何配置MCP服务器?在MCP设置文件中添加A11y MCP服务器配置项。
3
A11y MCP支持哪些无障碍标准?支持WCAG 2.1 AA、WCAG 2.1 AAA等多种无障碍标准。

相关资源

A11y MCP GitHub仓库A11y MCP服务器的开源代码仓库。
axe-core官方文档axe-core无障碍审计工具的官方文档。
精选MCP服务推荐
Figma Context MCP
Framelink Figma MCP Server是一个为AI编程工具(如Cursor)提供Figma设计数据访问的服务器,通过简化Figma API响应,帮助AI更准确地实现设计到代码的一键转换。
TypeScript
6,107
4.5分
Duckduckgo MCP Server
已认证
DuckDuckGo搜索MCP服务器,为Claude等LLM提供网页搜索和内容抓取服务
Python
214
4.3分
Firecrawl MCP Server
Firecrawl MCP Server是一个集成Firecrawl网页抓取能力的模型上下文协议服务器,提供丰富的网页抓取、搜索和内容提取功能。
TypeScript
2,967
5分
Context7
Context7 MCP是一个为AI编程助手提供实时、版本特定文档和代码示例的服务,通过Model Context Protocol直接集成到提示中,解决LLM使用过时信息的问题。
TypeScript
4,856
4.7分
Edgeone Pages MCP Server
EdgeOne Pages MCP是一个通过MCP协议快速部署HTML内容到EdgeOne Pages并获取公开URL的服务
TypeScript
91
4.8分
Minimax MCP Server
MiniMax Model Context Protocol (MCP) 是一个官方服务器,支持与强大的文本转语音、视频/图像生成API交互,适用于多种客户端工具如Claude Desktop、Cursor等。
Python
368
4.8分
Exa Web Search
已认证
Exa MCP Server是一个为AI助手(如Claude)提供网络搜索功能的服务器,通过Exa AI搜索API实现实时、安全的网络信息获取。
TypeScript
1,435
5分
Baidu Map
已认证
百度地图MCP Server是国内首个兼容MCP协议的地图服务,提供地理编码、路线规划等10个标准化API接口,支持Python和Typescript快速接入,赋能智能体实现地图相关功能。
Python
329
4.5分
安装
复制以下命令到你的Client进行配置
{
  "mcpServers": {
    "a11y": {
      "command": "npx",
      "args": ["a11y-mcp"],
      "disabled": false,
      "autoApprove": []
    }
  }
}
注意:您的密钥属于敏感信息,请勿与任何人分享。