NVDA读出了日期选择器当前的小区选择位置

时间:2016-05-13 13:31:45

标签: javascript accessibility screen-readers nvda

我在这里设置了一个小提琴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:还附上了截图供参考。

enter image description here

2 个答案:

答案 0 :(得分:2)

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

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

我最近创建了一个关于可访问表最佳做法的页面。如果您对此感兴趣:http://haltersweb.github.io/Accessibility/tables.html

答案 1 :(得分:0)

好的,对于那些想要发生这种情况的人来说,这就是你如何做到的:

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