如何在箭头按键上浏览md-list-item?

时间:2017-04-20 22:12:56

标签: html angular2-forms wai-aria

有没有办法使用箭头键浏览下面的列表项。由于tabindex,Tab工作正常,但箭头没有。任何有示例的建议都会很棒。

<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>

1 个答案:

答案 0 :(得分:0)

有。我不知道你是否正在寻找有关它应该如何工作的代码或指导,所以我将回答指导。

WAI-ARIA创作实践1.1描述了如何构建一个操作系统级操作系统菜单的菜单。虽然我不知道你是否想在这里实现这些角色(因为这会告诉屏幕阅读器用户它应该像操作系统中的菜单一样运行),你可以用它作为你可以支持的交互的指导。 / p>

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