Claude Code Plugins

Community-maintained marketplace

Feedback

.claude/skills/accessibility-wcag/SKILL.md

@daishiman/AIWorkflowOrchestrator
2
0

|

Install Skill

1Download skill
2Enable skills in Claude

Open claude.ai/settings/capabilities and find the "Skills" section

3Upload to Claude

Click "Upload skill" and select the downloaded ZIP file

Note: Please verify skill by going through its instructions before using it.

SKILL.md

name .claude/skills/accessibility-wcag/SKILL.md
description Webアクセシビリティ(WCAG)ガイドラインとインクルーシブデザイン実装の専門知識 📖 参照書籍: - 『Don't Make Me Think』(Steve Krug): ユーザビリティ 📚 リソース参照: - `resources/Level1_basics.md`: レベル1の基礎ガイド - `resources/Level2_intermediate.md`: レベル2の実務ガイド - `resources/Level3_advanced.md`: レベル3の応用ガイド - `resources/Level4_expert.md`: レベル4の専門ガイド - `resources/aria-patterns.md`: WAI-ARIA実装パターン集(アコーディオン・モーダル・タブ・メニュー・コンボボックス等のウィジェット、ライブリージョン、フォーカス管理) - `resources/legacy-skill.md`: 旧SKILL.mdの全文 - `resources/testing-guide.md`: アクセシビリティテストガイド - `resources/wcag-checklist.md`: WCAGチェックリスト - `scripts/a11y-audit.mjs`: アクセシビリティ監査スクリプト - `scripts/log_usage.mjs`: 使用記録・自動評価スクリプト - `scripts/validate-skill.mjs`: スキル構造検証スクリプト - `templates/accessible-form-template.tsx`: アクセシブルフォームテンプレート - `resources/requirements-index.md`: 要求仕様の索引(docs/00-requirements と同期) Use proactively when handling accessibility wcag tasks.
version 1.0.0
level 1
last_updated Wed Dec 24 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
references [object Object]

.claude/skills/accessibility-wcag/SKILL.md

概要

Webアクセシビリティ(WCAG)ガイドラインとインクルーシブデザイン実装の専門知識

詳細な手順や背景は resources/Level1_basics.mdresources/Level2_intermediate.md を参照してください。

ワークフロー

Phase 1: 目的と前提の整理

目的: タスクの目的と前提条件を明確にする

アクション:

  1. resources/Level1_basics.mdresources/Level2_intermediate.md を確認
  2. 必要な resources/scripts/templates を特定

Phase 2: スキル適用

目的: スキルの指針に従って具体的な作業を進める

アクション:

  1. 関連リソースやテンプレートを参照しながら作業を実施
  2. 重要な判断点をメモとして残す

Phase 3: 検証と記録

目的: 成果物の検証と実行記録の保存

アクション:

  1. scripts/validate-skill.mjs でスキル構造を確認
  2. 成果物が目的に合致するか確認
  3. scripts/log_usage.mjs を実行して記録を残す

ベストプラクティス

すべきこと

  • アクセシブルなUIコンポーネントを設計する時
  • WCAG準拠を確認する時
  • スクリーンリーダー対応を実装する時
  • アクセシビリティテストを実施する時

避けるべきこと

  • アンチパターンや注意点を確認せずに進めることを避ける

コマンドリファレンス

リソース読み取り

cat .claude/skills/accessibility-wcag/resources/Level1_basics.md
cat .claude/skills/accessibility-wcag/resources/Level2_intermediate.md
cat .claude/skills/accessibility-wcag/resources/Level3_advanced.md
cat .claude/skills/accessibility-wcag/resources/Level4_expert.md
cat .claude/skills/accessibility-wcag/resources/aria-patterns.md
cat .claude/skills/accessibility-wcag/resources/legacy-skill.md
cat .claude/skills/accessibility-wcag/resources/testing-guide.md
cat .claude/skills/accessibility-wcag/resources/wcag-checklist.md

スクリプト実行

node .claude/skills/accessibility-wcag/scripts/a11y-audit.mjs --help
node .claude/skills/accessibility-wcag/scripts/log_usage.mjs --help
node .claude/skills/accessibility-wcag/scripts/validate-skill.mjs --help

テンプレート参照

cat .claude/skills/accessibility-wcag/templates/accessible-form-template.tsx

変更履歴

Version Date Changes
1.0.0 2025-12-24 Spec alignment and required artifacts added