mcpField
A
accessibility-test-plan

accessibility-test-plan

github.com/owl-listenerテスト・品質3.1k2.1k 回インストール8 週間前に更新
リポジトリ

accessibility-test-plan について

WCAG基準と支援技術を使って製品を評価するチーム向けのアクセシビリティテスト計画スキルです。自動・手動・支援技術・ユーザーテストを整理し、テスト範囲と報告をまとめます。

主な機能

  1. 01自動テストと手動テストの計画
  2. 02支援技術テストの網羅
  3. 03ユーザーフロー別のテストマトリクス
  4. 04レベル別のWCAG基準整理
  5. 05再現手順と修正情報の報告

活用シーン

  1. 01リリース前のアクセシビリティ確認計画
  2. 02主要ユーザーフローのテスト範囲定義
  3. 03障害のある参加者を含めたテスト
  4. 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 基準、深刻度、影響を受ける支援技術、再現手順、修正方法を記載します。

ベストプラクティス

  • リリース直前だけでなく、早期から継続的にテストします
  • 自動テストは必要ですが、それだけでは不十分です
  • 実際の支援技術ユーザーとテストします
  • 完了の定義にアクセシビリティを含めます
  • 適合レベルだけでなく、ユーザーへの影響に基づいて優先順位を付けます

コメント