1

不久前,一个名叫 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 中正确读出日期?我正在寻找那些处理过这个问题的人的解决方案。如果可以更改日期选择器代码的最小部分,它们是什么?

4

1 回答 1

0

您应该放弃,因为与网格角色结合使用的 aria-activedescendant 方法不适用于大多数浏览器-AT 组合。上次我测试它时,它只适用于 Windows 上的 Firefox 和 NVDA。不过我已经有一年左右没有测试过了。

于 2015-02-19T03:57:12.337 回答