web-dev-qa-db-ja.com

ドラッグ可能、ドロップ可能、およびソート可能なコンポーネントのアクセシビリティ

これは私がアクセスできるようにしようとしているコンポーネントです:

enter image description here

私が理解しているように、ドラッグアンドドロップに関するARIAオーサリングプラクティスのガイドラインは基本的に次のとおりです。

  1. Tab アイテムのリストを移動する
  2. Space アイテムを選択する
  3. ドロップゾーンを切り替える矢印キー
  4. Enter 落とす

..ドロップゾーン内のアイテムを取得するために適切に機能しますが、sortableはどのように機能するのでしょうか。

2
Nimbuz

W3.orgサイトアクセス可能なドラッグアンドドロップの例 を提供し、次の主要なコントロールを提供します。

  • タブを使用して、移動するアイテムに移動します。
  • スペースバーを使用して、移動するアイテムを選択します。
  • 上下のカーソルキーを使用して、コンテキストメニューでターゲットを選択します。
  • Enterキーを押して、アイテムをターゲットリストに移動します。

これから、状況に応じて次のコントロールを抽出することは難しくありません。

  • Tabを使用してアイテム間を移動する
  • スペースを使用してアイテムを選択する
  • Enterを使用してリスト間で移動(追加または削除)
  • 矢印キーを使用してリスト内のアイテムを移動する
2
Andrew Martin