accessibility-test-plan について
accessibility-test-planは、WCAG基準、支援技術、ユーザーテストにわたるアクセシビリティ検証を計画するスキルです。自動・手動の方法を組み合わせ、テストマトリクスと課題報告の指針を示します。
主な機能
- 01Axe、Lighthouse、WAVEによる自動検査
- 02キーボード・スクリーンリーダー・ズームの検証
- 03複数デバイスの支援技術を網羅
- 04障害のある人を含むユーザーテスト
- 05WCAGチェックリストと課題報告
活用シーン
- 01主要なユーザーフローの検証計画
- 02CI/CDへのアクセシビリティ検査の組み込み
- 03アクセシビリティ課題の記録と優先順位付け
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ infrasity-labs/ dev-gtm-claude-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 対応