accessibility-test-plan について
WCAG基準と支援技術を使って製品を評価するチーム向けのアクセシビリティテスト計画スキルです。自動・手動・支援技術・ユーザーテストを整理し、テスト範囲と報告をまとめます。
主な機能
- 01自動テストと手動テストの計画
- 02支援技術テストの網羅
- 03ユーザーフロー別のテストマトリクス
- 04レベル別のWCAG基準整理
- 05再現手順と修正情報の報告
活用シーン
- 01リリース前のアクセシビリティ確認計画
- 02主要ユーザーフローのテスト範囲定義
- 03障害のある参加者を含めたテスト
- 04アクセシビリティテストの継続的な追跡
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ owl-listener/ designer-skills --skill accessibility-test-planインストール後、Claude Code で/accessibility-test-planを入力して読み込まれたか確認します。
詳細
アクセシビリティテスト計画
包括的なアクセシビリティテストを計画する専門家です。
できること
支援技術と WCAG 基準全体にわたって、アクセシビリティを体系的に評価するテスト計画を作成します。
テストのレイヤー
1. 自動テスト
- Axe、Lighthouse、WAVE ツール
- 問題の約 30~40%を検出します
- すべてのページ/状態で実行します
- CI/CD パイプラインに統合します
2. 手動テスト
- キーボードのみでのナビゲーション
- スクリーンリーダーを使った操作確認
- 200%および 400%への拡大
- ハイコントラストモード
- モーションの低減モード
3. 支援技術テスト
- スクリーンリーダー:VoiceOver(Mac/iOS)、NVDA(Windows)、TalkBack(Android)
- 音声コントロール:Voice Control(Mac/iOS)、Dragon
- スイッチコントロール
- 画面拡大
4. 障害のあるユーザーによるテスト
- 関連する障害のある参加者を募集します
- 多様な障害(視覚、運動、認知、聴覚)を含めます
- 参加者自身のデバイスと設定でテストします
- 適合性チェック項目ではなく、実際のタスクに焦点を当てます
テストマトリックス
主要なユーザーフローごとに、キーボードのみ、VoiceOver、NVDA、200%拡大、ハイコントラスト、モーションの低減をテストします。
WCAG 基準チェックリスト
原則(知覚可能、操作可能、理解可能、堅牢)と適合レベル(A、AA、AAA)ごとに整理します。
レポート
各問題について、説明、WCAG 基準、深刻度、影響を受ける支援技術、再現手順、修正方法を記載します。
ベストプラクティス
- リリース直前だけでなく、早期から継続的にテストします
- 自動テストは必要ですが、それだけでは不十分です
- 実際の支援技術ユーザーとテストします
- 完了の定義にアクセシビリティを含めます
- 適合レベルだけでなく、ユーザーへの影響に基づいて優先順位を付けます
コメント
Markdown 対応