Menu のアクセシビリティ

キーボード操作

キー	動作
`Enter または Space`	トリガー上：メニューを開き、最初の項目にフォーカスします。項目上：その項目を選択するか、サブメニューを開きます。
`下矢印キー`	トリガー上：メニューを開き、最初の項目にフォーカスします。メニュー内：次の項目に移動します。
`上矢印キー`	トリガー上：メニューを開き、最後の項目にフォーカスします。メニュー内：前の項目に移動します。
`Home / End`	最初または最後の項目に移動します。
`右矢印キー`	サブメニューを開き、その最初の項目に移動します（右から左に書く言語では左矢印キー）。
`左矢印キー`	サブメニューを閉じ、親の項目に戻ります（右から左に書く言語では右矢印キー）。
`Esc`	メニューを閉じ、トリガーにフォーカスを戻します。
`文字キー`	入力した文字で始まるラベルを持つ、次の項目に移動します。

トリガーには aria-haspopup、aria-expanded、aria-controls が付与され、メニューと項目には Angular Aria が ARIA ロールを設定します。
ハイライトされた項目は、テキストのコントラストが 4.5:1 以上のベタ塗りで表示され、フォーカスインジケーターも兼ねます。強制カラーモードでは、システムのハイライト色でアウトラインが表示されます。
チェック可能な項目は、aria-checked で状態を伝えます。
項目を選ぶとメニューが閉じ、フォーカスはトリガーに戻ります。トリガーとメニューの外にフォーカスが移った場合もメニューは閉じます。
項目の高さは28ピクセル以上あり、WCAG 2.2 の最小ターゲットサイズを上回ります。