A11y MCP 的主要功能是什麼？

主要功能包括：測試網頁和 HTML 片段的可訪問性問題、WCAG 合規性測試 (2.0、2.1、2.2)、可自訂的可訪問性測試、規則探索、顏色對比度分析、ARIA 驗證和方向鎖定檢測。

A11y MCP 中有哪些測試工具？

A11y MCP 提供多種測試工具：test_accessibility（用於測試 URL）、test_html_string（用於測試 HTML 內容）、get_rules（用於可訪問性規則資訊）、check_color_contrast（用於 WCAG 對比度要求）和 check_orientation_lock（用於方向問題）。

這是 Deque Labs 的官方工具嗎？

否，正如文件中明確指出的那樣，這不是 Deque Labs 的官方 MCP 伺服器，儘管它使用 Deque Axe-core API。

Web Accessibility Testing MCP

Q: 如何安裝和配置 A11y MCP？

若要將 A11y MCP 與 Claude Desktop 搭配使用，您需要根據您的作業系統編輯 MCP 設定檔：對於 macOS：'~/Library/Application Support/Claude/claude_desktop_config.json'，對於 Windows：'%APPDATA%\\Claude\\settings\\claude_mcp_settings.json'，對於 Linux：'~/.config/Claude/settings/claude_mcp_settings.json'。使用 npx 命令和 a11y-mcp-server 參數新增 'a11y-accessibility' 的配置。

WebsiteFreeAI Testing & QA AI Web Scraper

A11y MCP 是一個模型上下文協定伺服器，它使 AI 語言模型能夠透過與 Deque 的 Axe-core API 和 Puppeteer 整合來執行自動化的 Web 輔助功能測試，以分析 Web 內容的 WCAG 合規性。

訪問網站

宣傳此工具

https://github.com/ronantakizawa/a11ymcp?ref=producthunt&utm_source=aipure

概覽
影片
替代方案

產品資訊

更新時間：2026年01月15日

什麼是 Web Accessibility Testing MCP

Web Accessibility Testing MCP (A11y MCP) 是一個開源工具，彌合了 AI 語言模型和 Web 輔助功能測試能力之間的差距。它建構為模型上下文協定 (MCP) 伺服器，為 AI 助理提供對專業輔助功能測試 API 和工具的直接存取。該伺服器利用 Deque 的 Axe-core API 和 Puppeteer 對網頁和 HTML 內容執行全面的輔助功能審核，確保符合 Web 內容輔助功能指南 (WCAG) 標準 2.0、2.1 和 2.2。

Web Accessibility Testing MCP 的主要功能

Web Accessibility Testing MCP (A11y MCP) 是一個模型上下文協定伺服器，使 AI 語言模型能夠對網站和 HTML 內容執行自動化輔助功能測試。它與 Deque 的 Axe-core API 和 Puppeteer 整合，以分析網站內容是否符合 WCAG 標準、檢查顏色對比度、驗證 ARIA 屬性，並識別輔助功能問題，同時提供詳細的報告和補救指南。

全面的 WCAG 測試: 根據多個 WCAG 標準（2.0、2.1、2.2）測試內容，並提供詳細的違規報告，其中包含具體的補救建議

靈活的測試選項: 支持測試公共 URL 和原始 HTML 片段，允許開發人員在開發的任何階段檢查輔助功能

高級顏色分析: 執行前景和背景元素之間詳細的顏色對比度分析，考慮字體大小和粗細以符合 WCAG 標準

ARIA 驗證: 驗證 ARIA 屬性和角色的正確實施，以確保屏幕閱讀器兼容性

Web Accessibility Testing MCP 的使用案例

開發整合: 開發人員可以直接將輔助功能測試整合到他們的 IDE 工作流程中，以便在開發過程的早期發現問題

合規性稽核: 組織可以對其網站執行自動化輔助功能稽核，以確保符合輔助功能標準和法規

內容管理: 內容建立者可以在發佈之前驗證其 HTML 內容是否符合輔助功能要求

教育工具: 通過提供關於輔助功能問題以及如何修復它們的即時反饋，來教導團隊和學生關於網站輔助功能

優點

通過 MCP 協定與 AI 語言模型無縫整合

提供詳細、可操作的反饋，其中包含具體的補救步驟

支持多個測試場景（URL、HTML 片段）和標準

缺點

需要本地設置和配置

不是 Deque Labs 的官方工具

僅限於靜態分析，沒有用戶交互測試

如何使用 Web Accessibility Testing MCP

安裝和配置 MCP 設定: 根據您的作業系統編輯 MCP 設定檔：對於 macOS：'~/Library/Application Support/Claude/claude_desktop_config.json'，對於 Windows：'%APPDATA%\\Claude\\settings\\claude_mcp_settings.json'，對於 Linux：'~/.config/Claude/settings/claude_mcp_settings.json'

新增伺服器配置: 將以下配置新增到您的 MCP 設定檔：{ \"mcpServers\": { \"a11y-accessibility\": { \"command\": \"npx\", \"args\": [ \"-y\", \"a11y-mcp-server\" ] } } }

測試 URL 輔助功能: 透過提供 URL 參數來使用 test_accessibility 工具：{ \"url\": \"https://example.com\", \"tags\": [\"wcag2aa\"] }

測試 HTML 字串: 使用 test_html_string 工具來測試原始 HTML 內容：{ \"html\": \"<div><img src=\'image.jpg\'></div>\", \"tags\": [\"wcag2aa\"] }

檢查顏色對比度: 使用 check_color_contrast 工具來驗證 WCAG 對比度要求：{ \"foreground\": \"#777777\", \"background\": \"#EEEEEE\", \"fontSize\": 16, \"isBold\": false }

驗證 ARIA 屬性: 使用 HTML 內容測試 ARIA 屬性用法：{ \"html\": \"<div role=\'button\' aria-pressed=\'false\'>Click me</div>\" }

檢查方向鎖定: 測試 HTML 內容中的方向鎖定問題：{ \"html\": \"<html><head><meta name=\'viewport\' content=\'width=device-width, orientation=portrait\'></head><body>Content</body></html>\" }

檢閱測試結果: 分析 JSON 回應，其中包括違規、通過、未完成的測試以及有關發現的任何輔助功能問題的詳細資訊