Aria Validate MCP Server
A

Aria Validate MCP Server

ARIA验证MCP服务器,使用aria-query库验证ARIA属性和role属性的有效性,为无障碍网页开发提供支持。
2.5分
5.3K

什么是ARIA Validate MCP Server?

ARIA Validate MCP Server是一个专门用于验证网页可访问性标准的工具。它基于Model Context Protocol(MCP)构建,可以检查ARIA属性和role属性的正确性,确保网页内容对辅助技术用户(如屏幕阅读器用户)是可访问的。

如何使用ARIA Validate MCP Server?

通过配置MCP客户端(如Claude Desktop),将本服务器集成到您的开发环境中。配置完成后,您可以直接向AI助手询问ARIA相关的问题,服务器会提供准确的验证结果和建议。

适用场景

1. 前端开发过程中检查ARIA属性是否正确 2. 代码审查时验证可访问性合规性 3. 学习ARIA规范时的参考工具 4. 自动化测试流程中的可访问性检查

主要功能

ARIA属性验证
验证ARIA属性(如aria-labelledby、aria-hidden等)是否在特定角色中有效使用
角色属性检查
检查role属性是否符合ARIA规范,确保角色定义正确
规范查询
查询ARIA规范中的各种定义、允许值和最佳实践
MCP集成
通过标准MCP协议与各种AI助手和开发工具集成
优势
提高开发效率:快速验证ARIA属性,无需手动查阅复杂规范
准确性高:基于aria-query库,确保验证结果符合最新ARIA标准
易于集成:标准MCP协议支持多种客户端工具
实时反馈:在开发过程中即时获得可访问性建议
局限性
需要MCP客户端支持:必须通过Claude Desktop等支持MCP的工具使用
仅验证语法:不检查实际的可访问性体验或屏幕阅读器兼容性
依赖外部库:基于aria-query库,更新可能滞后于规范变更

如何使用

环境准备
确保已安装Node.js 24.x以上版本和Deno 2.x以上版本
配置MCP客户端
在Claude Desktop等MCP客户端的配置文件中添加服务器配置
启动和使用
重启MCP客户端,然后就可以通过自然语言提问来验证ARIA属性了

使用案例

验证导航组件的ARIA属性
开发导航菜单时,需要确保ARIA属性正确设置,以便屏幕阅读器用户能够理解导航结构
检查表单控件的可访问性
创建表单时,需要确保所有输入控件都有正确的标签和描述
学习ARIA地标角色
新手开发者需要了解所有可用的ARIA地标角色以正确标记页面区域

常见问题

这个工具能替代人工可访问性测试吗?
需要网络连接才能使用吗?
支持哪些MCP客户端?
如何更新ARIA规范版本?

相关资源

ARIA官方规范
W3C官方的ARIA规范文档
aria-query库
本服务器使用的底层ARIA查询库
Model Context Protocol
MCP协议官方规范
Web可访问性指南
全面的网页可访问性资源和指南

安装

复制以下命令到你的Client进行配置
{
  "mcpServers": {
    "aria-validate-mcp": {
      "command": "deno",
      "args": [
        "run",
        "--allow-read",
        "/path/to/aria-validate-mcp-server/index.ts"
      ]
    }
  }
}
注意:您的密钥属于敏感信息,请勿与任何人分享。

替代品

R
Rsdoctor
Rsdoctor 是一款专为 Rspack 生态系统打造的构建分析工具,全面兼容 webpack,提供可视化构建分析、多维度性能诊断及智能优化建议,帮助开发者提升构建效率与工程质量。
TypeScript
8.9K
5分
N
Next Devtools MCP
Next.js开发工具MCP服务器,为Claude、Cursor等AI编程助手提供Next.js开发工具和实用程序,包括运行时诊断、开发自动化和文档访问功能。
TypeScript
8.5K
5分
T
Testkube
Testkube是一个面向云原生应用的测试编排与执行框架,提供统一平台来定义、运行和分析测试,支持现有测试工具和Kubernetes基础设施。
Go
5.2K
5分
M
MCP Windbg
一个MCP服务器,将AI模型与WinDbg/CDB集成,用于分析Windows崩溃转储文件和进行远程调试,支持自然语言交互执行调试命令。
Python
9.8K
5分
R
Runno
Runno是一个JavaScript工具包集合,用于在浏览器和Node.js等环境中安全地运行多种编程语言的代码,通过WebAssembly和WASI实现沙盒化执行,支持Python、Ruby、JavaScript、SQLite、C/C++等语言,并提供Web组件、MCP服务器等集成方式。
TypeScript
7.6K
5分
N
Netdata
Netdata是一个开源实时基础设施监控平台,提供每秒级指标收集、可视化、机器学习驱动的异常检测和自动化告警,无需复杂配置即可实现全栈监控。
Go
9.7K
5分
M
MCP Server
Mapbox MCP服务器是一个Node.js实现的模型上下文协议服务器,为AI应用提供Mapbox地理空间API的访问能力,包括地理编码、兴趣点搜索、路线规划、等时线分析和静态地图生成等功能。
TypeScript
8.8K
4分
U
Uniprof
uniprof是一个简化CPU性能分析的工具,支持多种编程语言和运行时,无需修改代码或添加依赖,可通过Docker容器或主机模式进行一键式性能剖析和热点分析。
TypeScript
7.3K
4.5分
F
Figma Context MCP
Framelink Figma MCP Server是一个为AI编程工具(如Cursor)提供Figma设计数据访问的服务器,通过简化Figma API响应,帮助AI更准确地实现设计到代码的一键转换。
TypeScript
68.7K
4.5分
F
Firecrawl MCP Server
Firecrawl MCP Server是一个集成Firecrawl网页抓取能力的模型上下文协议服务器,提供丰富的网页抓取、搜索和内容提取功能。
TypeScript
133.2K
5分
D
Duckduckgo MCP Server
已认证
DuckDuckGo搜索MCP服务器,为Claude等LLM提供网页搜索和内容抓取服务
Python
76.9K
4.3分
E
Exa Web Search
已认证
Exa MCP Server是一个为AI助手(如Claude)提供网络搜索功能的服务器,通过Exa AI搜索API实现实时、安全的网络信息获取。
TypeScript
50.8K
5分
B
Baidu Map
已认证
百度地图MCP Server是国内首个兼容MCP协议的地图服务,提供地理编码、路线规划等10个标准化API接口,支持Python和Typescript快速接入,赋能智能体实现地图相关功能。
Python
45.6K
4.5分
E
Edgeone Pages MCP Server
EdgeOne Pages MCP是一个通过MCP协议快速部署HTML内容到EdgeOne Pages并获取公开URL的服务
TypeScript
30.6K
4.8分
M
Minimax MCP Server
MiniMax Model Context Protocol (MCP) 是一个官方服务器,支持与强大的文本转语音、视频/图像生成API交互,适用于多种客户端工具如Claude Desktop、Cursor等。
Python
59.0K
4.8分
C
Context7
Context7 MCP是一个为AI编程助手提供实时、版本特定文档和代码示例的服务,通过Model Context Protocol直接集成到提示中,解决LLM使用过时信息的问题。
TypeScript
95.4K
4.7分
AIBase
智启未来,您的人工智能解决方案智库