Accessibility Studio / Practical Guide(実務手順)

Reduced MotionでGSAPとCSS animationを確認する

prefers-reduced-motion: reduceでpin・scrub・parallax・自動再生を止めても、本文、順序、操作、最終状態が失われないかを確認します。

DAS-GUIDE-005v1.0.0監査画面で確認

Direct answer

何を確認する項目ですか?

prefers-reduced-motion: reduceでpin・scrub・parallax・自動再生を止めても、本文、順序、操作、最終状態が失われないかを確認します。

手順を同じ順序で再現し、対象、環境、操作、期待値、実際の結果、担当者をEvidenceとして残します。

Reference facts

固定値・必要な証拠・判定境界

Purpose(目的)
prefers-reduced-motion: reduceでpin・scrub・parallax・自動再生を止めても、本文、順序、操作、最終状態が失われないかを確認します。
Steps(手順)
OSの動きを減らす設定を有効化 → CSS animationとtransitionの停止または簡略化を確認 → GSAP pin・scrub・snapの代替状態を確認 → 非表示初期値が残らないことを確認 → 通常設定と同じ情報・操作へ到達できるか比較
Evidence(残す証拠)
対象URLまたはfixture、日時、viewport、browser、OS、支援技術、操作、期待値、実際の結果、担当者
Completion(完了条件)
Pass・Fail・N/A・未実施を区別し、Failには再現手順と再監査結果を残す

Reproducible procedure

確認手順

  1. OSの動きを減らす設定を有効化
  2. CSS animationとtransitionの停止または簡略化を確認
  3. GSAP pin・scrub・snapの代替状態を確認
  4. 非表示初期値が残らないことを確認
  5. 通常設定と同じ情報・操作へ到達できるか比較

結果はPass・Fail・N/A・未実施を区別し、Failには再現手順、対象、環境、修正、再監査結果を残します。

Human review boundary

このページだけでは決められないこと

  • 自動検査結果だけでWCAG適合、認証、法的要件の充足を宣言しません。
  • 意味、文章品質、操作の分かりやすさ、支援技術固有の挙動は人が確認します。
  • 代表ページと状態、複数browser・端末、keyboard、screen reader、zoom・reflowを評価範囲へ含めます。
  • 未実施環境と確認できなかった項目をreportに残し、0 Findingを「問題なし」と言い換えません。