web-dev-qa-db-ja.com

Webベースのデータグリッドのキーボードナビゲーションのベストプラクティス

Webベースのグリッドのキーボードナビゲーションを教えてください。

私の目的は、Webベースのグリッドコントロールで作業しながらキーボードを使用する方法を知ることです。

例えば:

タブ、上下矢印キーなど。

前もって感謝します。

5
user1794624

シールドUIグリッド キーボードナビゲーションの例 を確認できます。

彼らは最近、最新のWAI-ARIA 1.1標準と慣行に準拠するように更新しました。

1

(Excelなどの)編集可能なグリッドを表示している場合は、そのようなスプレッドシートタイプのアプリで想定されるキーボードナビゲーションをエミュレートする必要があります。

  • タブはユーザーを次の論理セルに移動する必要があります(行の最後で折り返されるまで水平)
  • Shift + Tab(同じですが逆)
  • Enterキーを押すと、ユーザーは下のセルに移動します

等。

1
scunliffe