ドラッグ＆ドロップ操作をキャンセルできるようにする

適用 (対象)

この達成方法は、ポインタ入力をサポートする全ての技術に適用できる (例えば、次のいずれかまたは全てをサポートする: マウスポインタ、タッチスクリーンまたはトラックパッドのタッチ、ペン入力、レーザーポインタ入力)。

この達成方法は達成基準 2.5.2: ポインタのキャンセル (十分) に関連する。

解説

この達成方法の目的は、軌跡ベースのドラッグ＆ドロップ操作を使用して初期位置からドロップターゲットに移動する利用者が、ターゲットを選択した後に操作を中止できるようにすることである。これは、ドロップ領域外でアイテムを離すか、最初の操作を元に戻す別の操作でアイテムを元の位置に戻すことで実行できる。3 番目のオプションは、要素がターゲットにドロップされた後に、アイテムがドロップされた時の操作の確認を尋ねるダイアログか、元に戻すコマンドを提供することである。

タッチスクリーンデバイスでは、組み込みのスクリーンリーダーなどの OS レベルの支援技術 (AT) が有効になっている場合、通常、コンテンツ制作者が提供している軌跡ベース及びマルチポイントジェスチャは機能しない。支援技術は一般的に、軌跡ベース又はマルチポイントジェスチャを使用するため、制作されたコンテンツに到達しない。例えば、水平方向のドラッグジェスチャは、コンテンツ制作者の意図した通りにスライダーのつまみを移動できないが、スクリーンリーダーのフォーカスを次又は前の要素に移動できる。利用者が「パススルージェスチャ」を操作すると、一部のジェスチャは機能する場合がある。パススルージェスチャは、ハードウェア、オペレーティングシステム、オペレーティングシステムの「スキン」、オペレーティングシステムの設定、又はユーザエージェントの要素に依存する可能性があるため、多くの場合信頼できない。

事例

• サイトはファイルディレクトリを表示している。ファイルは選択しゴミ箱アイコンの上に移動できる。選択されたファイルがこのターゲットの外側で離されると、ファイルは古い位置に戻る。
• サイトにはファイルディレクトリが表示されている。ファイルを選択し、ゴミ箱アイコンの上に移動して削除できる。選択されたファイルがゴミ箱の上で離されると、モーダルダイアログが利用者に削除操作の確認又はキャンセルを尋ねる。
• プロジェクト計画サイトのかんばん実装は、アクティビティのフェーズごとに異なる列が表示される。利用者は、計画アイテムを表すアイコンを選択して別の列に移動できる。アイテムが選択されてポインタに追従する場合、アイテムをドロップターゲット (列) の外側に移動してそこでドロップすると、アクションをキャンセルできる。そのとき、アイテムは元の位置に戻る。
• 課題追跡システムのかんばん実装は、課題の取り扱い (新規 / 処理済み / 完了 / 終了など) での異なるフェーズを示す列を表示している。かんばん列の外側に画面の余白はない。利用者は列の間で課題を表すアイコンを選択し移動できる。アイテムが別の列にドロップされた場合、アイコンを元の列にドラッグして元の位置 (並べ替え設定で定義されている) に戻すことで、操作を元に戻すことができる。

関連リソース

リソースは、情報提供のみを目的としており、推奨を意味するものではない。

検証