javascript - 如何让 pickadate.js 与 JAWS 屏幕阅读器配合使用？

Question

我有一个处于后期阶段的应用程序，它使用 pickadate.js 。据我报告，JAWS 无法与日期选择器一起使用，因为需要使用箭头键来选择日期，并且它们已经映射到 JAWS 中的其他内容。

是否有一种好方法可以解决此问题，同时仍然使 JAWS 用户可以访问日期选择器？任何见解将不胜感激。仍在学习网络上的可访问性。

Answer 1

如果您使用 pickadate.js 版本 3.5.5，则箭头键将正常工作，但它使用 aria-activedescendant 来跟踪当前“focusssed”日期，且尚不支持在所有屏幕阅读器中(例如在带有 VoiceOver 的 OS X 上不起作用，据我所知也不适用于 JAWS)

您可以更改代码 https://github.com/amsul/pickadate.js当用户使用箭头键时，日期选择器使用 ARIA 实时区域来宣布日期。它基于 jQuery，并且您可以集成一个 jQuery 库来执行此操作:

https://github.com/dylanb/a11yfy

每次 aria-activedescendant 随着该单元格的内容发生变化时，您基本上都会调用 jQuery.a11yfy.assertiveAnnounce(msg);。