WCAG

🚀 WCAG MCP 服務器

WCAG MCP 服務器藉助 MCP 資源，為用戶提供對 WCAG（Web 內容可訪問性指南）內容的便捷訪問。通過該服務器，用戶能夠輕鬆獲取原則和指南、成功標準、理解文檔以及相關技術等重要信息。

🚀 快速開始

此 MCP 服務器通過 MCP 資源提供對 WCAG（Web 內容可訪問性指南）內容的訪問。

✨ 主要特性

• 提供對 WCAG 原則和指南、成功標準、理解文檔以及技術的訪問。

📦 安裝指南

1. 確保已安裝 Node.js。
2. 克隆此倉庫。
3. 安裝依賴項：

cd wcag-server
npm install

4. 構建服務器：

npm run build

📚 詳細文檔

配置

該服務器需要訪問 WCAG 倉庫。您可以通過 WCAG_PATH 環境變量指定 WCAG 倉庫的路徑。

MCP 配置

在您的 MCP 設置文件中添加以下配置：

{
  "mcpServers": {
    "wcag-server": {
      "command": "node",
      "args": [
        "${PROJECT_PATH}/wcag-server/build/index.js"
      ],
      "env": {
        "WCAG_PATH": "${PROJECT_PATH}/wcag"
      },
      "disabled": false,
      "autoApprove": []
    }
  }
}

將 ${PROJECT_PATH} 替換為您實際的項目目錄路徑。

可用資源

靜態資源

• wcag://principles-guidelines - WCAG 原則和指南

資源模板

• wcag://criteria/{criterion-id} - WCAG 成功標準
  • 示例：wcag://criteria/accessible-authentication-minimum
• wcag://understanding/{criterion-id} - WCAG 理解文檔
  • 示例：wcag://understanding/accessible-authentication-minimum
• wcag://techniques/{technique-id} - WCAG 技術
  • 示例：wcag://techniques/H44

💻 使用示例

基礎用法

訪問原則和指南

const response = await client.readResource('wcag://principles-guidelines');
console.log(response.contents[0].text);

訪問成功標準

const response = await client.readResource('wcag://criteria/accessible-authentication-minimum');
console.log(response.contents[0].text);

訪問理解文檔

const response = await client.readResource('wcag://understanding/accessible-authentication-minimum');
console.log(response.contents[0].text);

訪問技術

const response = await client.readResource('wcag://techniques/H44');
console.log(response.contents[0].text);

📄 許可證

該項目根據 MIT 許可證發佈。