Firefox下NVDA读取带tabindex的表格单元格播报未选中问题咨询
问题解答
1. 带tabindex属性的表格单元格播报「未选中」是否属于正常行为
这是Firefox 93版本与NVDA 2021.2版本交互的兼容性异常,不属于符合WAI-ARIA标准的预期行为。
底层逻辑为:Firefox 93会将所有设置了tabindex="0"的可聚焦表格表头元素,自动向辅助技术暴露「可选择」状态,默认未选中时就会触发NVDA播报「未选中」提示;Chrome不会将非交互类的可聚焦表格单元格标记为可选择状态,因此没有多余播报。
2. 避免额外播报的解决方案
- 优先方案:直接删除th上的
tabindex="0"属性。常规表格场景下,屏幕阅读器自带的表格导航快捷键(如NVDA的Ctrl+Alt+方向键)已经可以正常定位到所有表头,无需额外添加tabindex使表头进入Tab导航序列。 - 确需保留Tab聚焦能力时使用:给设置了tabindex的表头添加
aria-selected="false"属性,明确告知辅助技术该元素的选中状态,可覆盖Firefox自动生成的可选择状态判定,避免多余播报。如果是支持选中交互的动态表头,可根据实际选中状态切换该属性的取值即可。 - 仅需可编程聚焦无需Tab导航时使用:将
tabindex="0"修改为tabindex="-1",该设置允许你通过JS代码主动聚焦表头,但表头不会进入用户的Tab导航序列,也不会触发Firefox的可选择状态判定。
内容的提问来源于stack exchange,提问作者ajaykr11cs
相关产品推荐
相关产品推荐

