アクセシビリティ資料 検査項目事例集 WCAG 2.5.7

WCAG 2.5.7: ドラッグ動作

アイテムの並べ替え、スライダーの調整、カンバンボードのカード移動など、ドラッグ&ドロップを必要とする操作には、単純なクリックやタップだけで同じ結果が得られる代替手段(上へ/下へボタン、選択メニュー等)を提供します。

Level AA 確認方法: 手動確認

意図的な失敗例: ドラッグの代替がない

並べ替えがドラッグでしか完了できません。

  • 項目A
  • 項目B

確認観点

  • ドラッグ操作が必要なUI(並べ替えリスト、スライダー、カラーピッカー等)を特定する
  • 並べ替え項目に「上へ」「下へ」ボタンを追加するか、順序番号を入力・選択できるUIを用意する
  • ドラッグ操作そのものがフリーハンドの描画など本質的である例外に該当するか確認する

人の判断が必要な例

  • ドラッグ操作を行わなくても、クリックやタップだけで目的の操作を完了できるか確認する

補助ツール候補

  • pointer-gestures
  • keyboard-operability

生成メモ

  • デバイス・環境検証が必要