web-dev-qa-db-ja.com

キーボードでアクセス可能なドロップダウンリストのパターン

ドロップダウンリストを表示するための標準のキーボードショートカットはありますか? (Webベースだけでなく、あらゆる種類のソフトウェアで。)

キーボードからWebアプリのドロップダウンリスト(選択タグとオプションタグ)にアクセスできるようにするために、JavaScriptをいくつか記述します。

私はそれを知っています Up Arrow そして Down Arrow 選択を変更でき、文字キーを押すと、その文字で始まる項目が順番に表示されます(またはパターンを入力すると、そのシーケンスで始まる項目にジャンプします)。しかし、リストでオプションを選択すると、このアプリのフォームが変更される可能性があるため、ドロップダウンを開いてリスト全体を表示し、リスト全体を表示しながらオプションの1つを選択できるようにしたいと思います(または画面に収まります)。

更新:

AHA!一部のブラウザで動作するものを見つけました。

押すとき Up Arrow または Down Arrow ドロップダウンは、Chrome、Firefox、IE9のWebページ、およびそれらのブラウザー設定ダイアログで閉じたままにします。

ただし、FirefoxおよびIE Alt+Up Arrow または Alt+Down Arrow Webページと設定ダイアログのドロップダウンを開きます。 Chromeでは機能しませんが、 回避策 があります。クロムのバグもあります: ビューを開く/ドロップを開くことができません-キーボードを使用したダウンリスト

また、Excel 2010のリボンUIと設定ダイアログでは、上下の矢印キーをだけ押すとドロップダウンが開きます。

は Alt+Up Arrow / Alt+Down Arrow 広く知っている/使用されているショートカット? Chromeにポリフィルを追加するか、すべてのブラウザーでOfficeリボンの動作を模倣する何かを書くかどうかについて、私は議論しています。

12
Sam Hasler

私の知る限り、特別なキーはなく、キーが必要かどうかに関する情報も見つかりません。

一部のアプリケーションでは*、主にデスクトップアプリケーションでは、矢印キーの使用を開始するか、既存のエントリの1つに一致するように入力を開始すると、ドロップダウンが開きます(これは、ドロップダウンにフォーカスがあることを前提としています)。

英数字キーはリストのエントリになる可能性があるので、これを考えると、これは予想されることです。

選択を変更せずにリストを開く場合は、修飾キーを使用できます Ctrl、 Shift または Alt 矢印キーで。

*すべてのアプリケーションだと思いましたが、明らかにそうではありません。

2
ChrisF

キーボードがドロップダウンにフォーカスしている場合(TABを使用)。ユーザーはドロップダウンのリスト全体を表示し、項目ごとにタブを使用してリストを移動できます。利点は、ドロップダウンがマウスとキーボードで同様に反応することです。

私の意見では、キーボードユーザーにとっての焦点は、マウスユーザーにとってのマウスクリックと同じです。

0
Peter

ほとんどのブラウザでテキストボックスのオートコンプリートが機能するのと同じようなことをします。

選択すると、下を押すとa)すべてのオプションが表示されますb)すべてのオプションがすでに表示されている場合は、選択に沿って移動します。

最初は何も表示されていません

Nothing shown at first

最初の下矢印で、選択範囲間の移動を開始できます。 On first Down-Arrow, you can start moving between selections.

0
you786