jpskill.com
🛠️ 開発・MCP コミュニティ 🔴 エンジニア向け 👤 エンジニア・AI開発者

🛠️ WCAG監査パターン集

wcag-audit-patterns

Webコンテンツがウェブアクセシビリティの国際基準WCAG 2.2に適合しているかを詳細に監査し、具体的な改善策を提示することで、アクセシブルなウェブサイト構築を支援するSkill。

⚡ ⏱ コードレビュー 1時間 → 10分

📺 まず動画で見る(YouTube)

▶ 【衝撃】最強のAIエージェント「Claude Code」の最新機能・使い方・プログラミングをAIで効率化する超実践術を解説! ↗

※ jpskill.com 編集部が参考用に選んだ動画です。動画の内容と Skill の挙動は厳密には一致しないことがあります。

📜 元の英語説明(参考)

Comprehensive guide to auditing web content against WCAG 2.2 guidelines with actionable remediation strategies.

🇯🇵 日本人クリエイター向け解説

一言でいうと

Webコンテンツがウェブアクセシビリティの国際基準WCAG 2.2に適合しているかを詳細に監査し、具体的な改善策を提示することで、アクセシブルなウェブサイト構築を支援するSkill。

※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。

⚡ おすすめ: コマンド1行でインストール(60秒)

下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。

🍎 Mac / 🐧 Linux 
mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o wcag-audit-patterns.zip https://jpskill.com/download/3690.zip && unzip -o wcag-audit-patterns.zip && rm wcag-audit-patterns.zip
🪟 Windows (PowerShell) 
$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/3690.zip -OutFile "$d\wcag-audit-patterns.zip"; Expand-Archive "$d\wcag-audit-patterns.zip" -DestinationPath $d -Force; ri "$d\wcag-audit-patterns.zip"

完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。

💾 手動でダウンロードしたい(コマンドが難しい人向け)
  1. 1. 下の青いボタンを押して wcag-audit-patterns.zip をダウンロード
  2. 2. ZIPファイルをダブルクリックで解凍 → wcag-audit-patterns フォルダができる
  3. 3. そのフォルダを C:\Users\あなたの名前\.claude\skills\(Win)または ~/.claude/skills/(Mac)へ移動
  4. 4. Claude Code を再起動
⬇ .zip でダウンロード(推奨) ⬇ .skill 形式(上級者用) 元のソース ↗

⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。

🎯 このSkillでできること

下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。

📦 インストール方法 (3ステップ)

  1. 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
  2. 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
  3. 3. 展開してできたフォルダを、ホームフォルダの .claude/skills/ に置く
    • · macOS / Linux: ~/.claude/skills/
    • · Windows: %USERPROFILE%\.claude\skills\

Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。

詳しい使い方ガイドを見る →
最終更新
2026-05-17
取得日時
2026-05-17
同梱ファイル
1

💬 こう話しかけるだけ — サンプルプロンプト

  • › Wcag Audit Patterns を使って、最小構成のサンプルコードを示して
  • › Wcag Audit Patterns の主な使い方と注意点を教えて
  • › Wcag Audit Patterns を既存プロジェクトに組み込む方法を教えて

これをClaude Code に貼るだけで、このSkillが自動発動します。

📖 Skill本文(日本語訳)

※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。

[Skill 名] wcag-audit-patterns

WCAG監査パターン

WCAG 2.2ガイドラインに沿ってウェブコンテンツを監査するための包括的なガイドと、実用的な改善戦略です。

このスキルを使用する場面

  • アクセシビリティ監査を実施する場合
  • WCAG違反を修正する場合
  • アクセシブルなコンポーネントを実装する場合
  • アクセシビリティ訴訟に備える場合
  • ADA/Section 508要件を満たす場合
  • VPATコンプライアンスを達成する場合

このスキルを使用しない場面

  • 法的なアドバイスや正式な認証が必要な場合
  • 手動での検証なしに、迅速な自動スキャンのみを希望する場合
  • 改善作業のためにUIまたはソースにアクセスできない場合

手順

  1. 自動スキャン（axe、Lighthouse、WAVE）を実行し、初期の所見を収集します。
  2. 手動チェック（キーボードナビゲーション、フォーカス順序、スクリーンリーダーのフロー）を実施します。
  3. 各問題をWCAG基準、重大度、および改善ガイダンスにマッピングします。
  4. 修正後に再テストを行い、残存リスクとコンプライアンス状況を文書化します。

詳細なパターン、チェックリスト、テンプレートについては、resources/implementation-playbook.mdを参照してください。

安全性

  • 専門家によるレビューなしに、法的コンプライアンスを主張することは避けてください。
  • 監査証跡のために、テスト手順と結果の証拠を保管してください。

リソース

  • 詳細なパターン、チェックリスト、テンプレートについては、resources/implementation-playbook.mdを参照してください。

制限事項

  • このスキルは、タスクが上記の範囲と明確に一致する場合にのみ使用してください。
  • 出力を、環境固有の検証、テスト、または専門家によるレビューの代わりとして扱わないでください。
  • 必要な入力、権限、安全境界、または成功基準が不足している場合は、停止して明確化を求めてください。
📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開

WCAG Audit Patterns

Comprehensive guide to auditing web content against WCAG 2.2 guidelines with actionable remediation strategies.

Use this skill when

  • Conducting accessibility audits
  • Fixing WCAG violations
  • Implementing accessible components
  • Preparing for accessibility lawsuits
  • Meeting ADA/Section 508 requirements
  • Achieving VPAT compliance

Do not use this skill when

  • You need legal advice or formal certification
  • You only want a quick automated scan without manual verification
  • You cannot access the UI or source for remediation work

Instructions

  1. Run automated scans (axe, Lighthouse, WAVE) to collect initial findings.
  2. Perform manual checks (keyboard navigation, focus order, screen reader flows).
  3. Map each issue to a WCAG criterion, severity, and remediation guidance.
  4. Re-test after fixes and document residual risk and compliance status.

Refer to resources/implementation-playbook.md for detailed patterns, checklists, and templates.

Safety

  • Avoid claiming legal compliance without expert review.
  • Keep evidence of test steps and results for audit trails.

Resources

  • resources/implementation-playbook.md for detailed patterns, checklists, and templates.

Limitations

  • Use this skill only when the task clearly matches the scope described above.
  • Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
  • Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.