不久前,一个名叫 Hans Hillen 的人创建了一些可访问的 jQuery UI 控件版本。他的可访问 jQuery UI 日期选择器的弹出版本已在我正在审查的 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 中正确读出日期?我正在寻找那些处理过这个问题的人的解决方案。如果可以更改日期选择器代码的最小部分,它们是什么?