矢印キーでmd-list-itemをナビゲートする方法は？

Question

矢印キーを使用して下のリスト項目をナビゲートする方法はありますか？タブはtabindexのためうまく動作しますが、矢印は機能しません。例を付けるとどんな提案も素晴らしいでしょう。

<md-list-item> 
    <md-list-item id="tab1"> 
     <a tabindex = "1" routerLink="/link1">{{val1}}</a> 
</md-list-item> 
</md-list-item> 
    <md-list-item id="tab2"> 
     <a tabindex = "2" routerLink="/link2">{{val2}}</a> 
    </md-list-item> 
</md-list-item> 
<md-list-item> 

Answer 1

あります。どのように動作するべきかに関するコードやガイダンスを探しているのかどうかわかりませんので、私はちょうどガイダンスに答えます。

WAI-ARIAオーサリングプラクティス1.1では、OSレベルのシステムメニューとして動作するメニューを作成する方法について説明しています。ここで役割を実装するかどうかわかりませんが（スクリーンリーダーのユーザーにOSのメニューのように機能するはずだからです）、サポートできる相互作用の指針として使用できます。

https://www.w3.org/TR/wai-aria-practices-1.1/#menu