wcag-ai-skill について
wcag-ai-skillは、WCAG 2.2の達成基準を、設計、実装、コンテンツ、テスト、修正、適合文書に関する実践的なガイダンスに変換します。アクセシビリティ業務に携わるチーム向けで、既成コンポーネントや法的認証ではなく、計画や基準を作成します。
主な機能
- 01アクセシビリティ業務全体のガイダンス
- 02設計要件とガイドライン
- 03実装とコンテンツの指針
- 04QAテストと修正計画
- 05適合文書の作成
活用シーン
- 01アクセシビリティ受け入れ基準の作成
- 02アクセシビリティテストの計画
- 03適合状況と修正内容の文書化
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ podo/ design-agent-skills --skill wcag-ai-skillインストール後、Claude Code で/wcag-ai-skillを入力して読み込まれたか確認します。
同梱ファイルstub.yaml
詳細
wcag-ai-skill
カタログ用スタブ — スキルの完全版はこちらです:Raze-Systems/wcag-ai-skill
判断ツリー
-
完全版のスキルはすでにインストールされていますか? 上流ではこのスキルを
wcag-22と命名しているため、このポインターの隣にインストールされます(ポインターは置き換えられません)。- グローバル:
f=~/.agents/skills/wcag-22/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer" - プロジェクト:
f=.agents/skills/wcag-22/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer" installed→ スキルはwcag-22としてインストール済みです。呼び出して続行してくださいpointer→ 手順2に進んでください
- グローバル:
-
スコープを検出してからインストールします。
[ -e ~/.agents/skills/wcag-ai-skill ] && echo "global" || echo "project"グローバル:
npx skills add Raze-Systems/wcag-ai-skill --skill wcag-22 -g -yプロジェクト:
npx skills add Raze-Systems/wcag-ai-skill --skill wcag-22 -yClaude Code: 会話から離れずにコマンドを実行するには、
!で始まるコマンドをチャットメッセージとして送信します。
注意事項
- ライセンス: AGPL-3.0(コピーレフト。README と SKILL.md に記載されていますが、リポジトリには LICENSE ファイルがありません)
インストール後の呼び出し
- スキル名:
wcag-22 - トリガーフレーズ:「WCAG 2.2 guidance」、「Raze Systems」、「WCAG conformance docs」、「accessibility remediation」
概要
WCAG 2.2 の達成基準を、アクセシビリティワークフロー全体にわたる実践的で実行可能なガイダンスに変換します。対象には、ウェブデザイン(仕様に盛り込む内容)、フロントエンド実装(コードの書き方)、コンテンツレビュー(ライターが把握すべき内容)、アクセシビリティ QA(テスト方法)、修正計画(問題の修正方法)、適合性文書(報告方法)が含まれます。ガイドライン、要件、受け入れ基準、テスト計画を作成しますが、すぐに使えるコンポーネントや法的な認証は提供しません。監査・テスト段階に焦点を当てる wcag-audit-patterns とは異なります。
使用しない場合
- 手軽なコントラストチェック — 対象を絞った色のコントラスト修正には
fixing-accessibilityを使用してください - Lighthouse 形式の自動パフォーマンス監査 —
addyosmani-qualityを使用してください
コメント
Markdown 対応