重复
- 我已经搜索了存在的问题
最新版本
- 我已经测试了最新版本
重现步骤🕹
操作步骤：
1.在chrome浏览器中安装屏幕阅读器扩展
1.搜寻至https://v4.mui.com/components/lists/
1.向下滚动到列表控件-复选框示例
1.启动屏幕阅读器扩展
1.使用Tab键上下移动列表。屏幕阅读器显示“行项目1”，但不显示复选框
1.使用空格键来设置/取消设置复选框。screenreader是安静的
当前行为😯
screenreader sais nothing about list item中复选框
预期行为🤔
屏幕阅读器应通知用户复选框状态
上下文🔦
WCAG合规
您的环境🌎
x1m0n1x
Don't forget to mention which browser you used.
Output from `npx @mui/envinfo` goes here.
3条答案
按热度按时间c9qzyr3d1#
我可以在这个问题上工作吗？
ukqbszuj2#
我可以在这个问题上工作吗？
你能提出你心目中的修复方案吗？
vs91vp4v3#
所以我用一个屏幕阅读器进行了测试，正如前面提到的，当使用空格键选中和取消选中它时，屏幕阅读器什么也不说。然而，在它下面的列表中，复选框作为一个辅助操作进行了演示，在使用空格键时，屏幕阅读器会显示“Checked”和“Unchecked”。2它们之间的区别在于，问题列表中的输入元素具有属性“tabindex =-1”，而工作列表中的列表没有这个属性。有什么原因使得tabindex属性在第一个列表中是必需的，而在第二个列表中不是必需的吗？使用devtools删除这个属性解决了这个问题，那么它是否也可以在实际的代码中删除呢？如果可以的话，我想在hacktoberfest中进行修改。