不久前,一位名叫Hans Hillen的人创建了一些jQuery UI控件的可访问版本。 his accessible jQuery UI datepicker的弹出版本已经在我正在审查WCAG 2.0合规性的原型中实现,并且日期选择器的弹出版本在Chrome中表现不佳。
日期选择器的弹出版本的基础是:关注输入,然后按下以关注日期选择器本身。然后,您可以使用箭头键从那里浏览它,或者向上/向下翻页以跳过几个月等等。
在Firefox和IE浏览器中,当您浏览日期单元格时,NVDA和JAWS会很高兴地读出日期编号和行/列位置。
在Chrome中,对于每个单元格,NVDA读出“单元格”,JAWS读出“包含控件”,就是这样 - 没有数字或任何东西,实际上没有读出单元格的内容。我已经在具有NVDA和JAWS的Windows Server 2008计算机上以及在具有NVDA的Windows 8.1计算机上可靠地再现了这一点(没有JAWS可以在该计算机上进行测试)。
当我将NVDA从表格模式带入虚拟光标模式(即 NVDA + Space )时,它会再次读出单元格内容,但是然后键盘控件不起作用。将JAWS从表单模式中取出( numpad + )会使日期选择器变得难以理解。
在表格模式下,如何让NVDA和JAWS在Chrome中正确读出日期?我正在寻找那些处理过这个问题的人的解决方案。如果可以更改datepicker代码的最小部分,它们是什么?
答案 0 :(得分:0)
您应该放弃,因为与网格角色结合使用的aria-activedescendant方法在大多数浏览器-AT组合中都不起作用。上次我测试它时,它只适用于Windows上的Firefox和NVDA。我已经测试了大约一年了。