材料设计选择列表键盘操作

时间:2017-11-28 21:48:19

标签: angular angular-material accessibility wai-aria

我对角度和材料设计中的可访问性技术完全陌生。在我的项目中,我希望有一个选择列表,可以选择一个项目。此选择列表应该是可聚焦的,但在聚焦时,它应该能够使用键盘向上/向下箭头在项目上导航。我知道this site上有一个示例,其中显示了mat-list-optionmat-selection-list项的行为方式。但是这个解决方案引入了复选框,我需要没有复选框的菜单项解决方案。只需使用键盘选择一个元素并关闭MatDialog

主要问题在于键盘,因为当我尝试将mat-listmat-list-item项目一起使用或mat-nav-listmat-list-item项目时,键盘箭头不起作用。

使用键盘的唯一一个组件是带有mat-selection-list项目的mat-list-option,但这会在右侧显示复选框,这不是我正在寻找的。

我正在尝试设计真正用户友好的界面,但我不能因为它。也许问题是如何在这些项目上启用键盘?有什么帮助吗?

0 个答案:

没有答案