mcpField
W
wcag-accessibility

wcag-accessibility

ローカル
github.com/aditya-ariosity開発ツール
リポジトリ

wcag-accessibility について

wcag-accessibilityは、開発者やデザインチームがWebインターフェースをWCAGに照らして監査するMCPサーバーです。Chromiumでページを描画してaxe-coreを実行し、ルールの説明と証拠を含む結果を返します。自動チェックは人によるレビューの代わりにはなりません。

主な機能

  1. 01URL、HTML、ローカルHTMLファイルの監査
  2. 02Chromiumとaxe-coreによる監査
  3. 03コントラスト確認と色調整の提案
  4. 04ルールの説明とWCAGチェックリスト
  5. 05JSON、Markdown、SARIFレポートの生成

活用シーン

  1. 01公開前のWebページ監査
  2. 02UI開発中のローカルHTML確認
  3. 03WCAGプロファイルに沿った色コントラスト確認
  4. 04監査レポートの比較やCLIレポートの作成

MCP 対応

MCPクライアントにWebアクセシビリティ監査、コントラスト確認、ルール説明、チェックリストのツールを提供します。マトリックス、スクリーンショット/OCR、デザインスナップショットのツールは実験段階です。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
  "mcpServers": {
    "aditya-ariosity-wcag-accessibility": {
      "command": "npx",
      "args": [
        "-y",
        "wcag-accessibility-mcp"
      ]
    }
  }
}
起動コマンドnpx -y wcag-accessibility-mcp

ローカルサーバーにはマシン上の実行環境（Node.js 18 以上など）が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npmwcag-accessibility-mcp0.1.6

ツール

7

掲載時のツール一覧 · 2 週間前に更新

パラメーター型必須説明
urlstringはいレンダリングしてテストする絶対 http:// または https:// URL。
widthintegerいいえビューポートの幅（CSS ピクセル）。
heightintegerいいえビューポートの高さ（CSS ピクセル）。
standardenumいいえテストする WCAG ルールセット。追加の axe ガイダンスを含めるには best-practice を使用します。wcag2a | wcag2aa | wcag2aaa | wcag21aa | wcag21aaa | wcag22aa | wcag22aaa | best-practice
maxIssuesintegerいいえ返される違反グループの最大数。概要の合計には引き続き実行全体が含まれます。
maxNodesPerIssueintegerいいえルールごとに返される影響を受けた要素の最大数。

詳細

メンテナーはまだ詳細を追加していません。リポジトリの README をご覧ください。

コメント

Markdown 対応

MCP は初めてですか？

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。