javascript - NVDA 读出 datepicker 的当前单元格选择位置

Question

我在这里设置了一个小提琴https://jsfiddle.net/j49gz3g3

<div class="container">
    
    <div class="row">
        <div class="form-group">
            <label for="dt">Birth Date</label>
            <input type="text" name="dt" id="dt" placeholder="" class="nl-datepicker" />            
        </div>
    </div>
</div>

使用键盘箭头键在日期之间导航时，NVDA 会读出

2016 年 5 月 12 日星期五第 3 行

2016 年 5 月 4 日星期四第 5 栏

而预期的输出是

2016 年 5 月 12 日星期五

2016 年 5 月 4 日，星期四

有没有办法避免读取单元格位置（第 3 行，第 5 列）？或者这是涉及数据的表的标准行为？

这发生在所有主流浏览器（即 IE、FF、Chrome）中

PS：还附上截图供参考。

Answer 1

这是您使用数据表时的标准屏幕阅读器行为。

另一种方法是使用 role="application" 编写一个小部件，但可访问的小部件是棘手的事情，所以我建议你就这样离开它。那些使用屏幕阅读器的人已经习惯了这种行为。

我最近创建了一个关于可访问表最佳实践的页面。如果您有兴趣，这里是：http: //haltersweb.github.io/Accessibility/tables.html

Answer 2

好的，对于那些希望发生这种情况的人来说，这是你如何做到的：

转到 NVDA 的“文档格式”选项并取消选中“报告表格单元格坐标”。届时将不再读出行和列位置。