セレクトのアクセシビリティ

キーボード操作

キー	動作
`上下矢印キー`	リストを開き、選択肢の間を移動します。
`Home / End`	最初または最後の選択肢に移動します。
`Page Down / Page Up`	選択肢を10個分移動します。
`Enter または Space`	リストを開くか、アクティブな選択肢を選びます。
`文字キー`	入力した文字で始まる次の選択肢にジャンプします。
`左右矢印キー`	ツリーで、右は選択肢を展開するか最初の子に移動し、左は折りたたむか親に移動します。右から左に書く言語では左右が逆になります。
`Alt + 上矢印キー`	アクティブな選択肢を選んで、リストを閉じます。
`Tab`	単一選択では、アクティブな選択肢を選んで次の要素に移動します。
`Esc`	何も選ばずにリストを閉じます。

ボタンは aria-expanded と aria-controls を持つ選択専用の combobox です。フォーカスはボタンにとどまり、aria-activedescendant がアクティブな選択肢を指します。
リストは listbox、または aria-level と aria-expanded を持つ tree です。一部の行だけがレンダリングされているときも、aria-setsize と aria-posinset は正しい値を保ちます。
アクティブな選択肢はベタ塗りで表示され、強制カラーモードではアウトラインが付きます。
triggerId を指す <label for>、または label で名前を付けてください。