WCAG 2.3.3: インタラクションによるアニメーション
スクロールやドラッグなど利用者の操作で発生する大きな動きは、無効化または必要最小限にできるようにします。
意図的な失敗例: 操作によるアニメーションを無効化できない
ボタン操作で始まる動きに停止設定がない想定です。実際に点滅するサンプルは置いていません。
停止設定がない想定です。
確認観点
- スクロール連動、パララックス、ドラッグ中の慣性、ページ遷移アニメーションなどを洗い出す
- prefers-reduced-motionに対応し、動きを減らす設定時はアニメーションを停止または簡略化する
- 機能理解に必要でない装飾的な動きは、オフにできるUIや代替表現を用意する
- 動きを止めても情報や操作結果が失われないようにする
人の判断が必要な例
- OSやブラウザの「視差効果を減らす」設定で動きが抑制されるか確認する
- スクロール、ジェスチャ、ドラッグ、入力時に予期しない大きな動きが起きないか確認する
- 動きを減らした状態でも現在位置や状態変化が分かるか確認する
補助ツール候補
- animation-detect
生成メモ
manual-judgment-catalog.ja.json の内容から生成しています。