如何获得pickadate.js使用JAWS屏幕阅读器

How do I get pickadate.js working with the JAWS screenreader?

本文关键字:屏幕 JAWS 使用 何获得 pickadate js      更新时间:2023-09-26

我有一个使用pickadate.js的后期应用程序。有人向我报告,JAWS 不适用于日期选择器,因为需要箭头键来选择一天,并且它们已经映射到 JAWS 中的其他内容。

有没有一种好方法可以解决此问题,并且仍然使 JAWS 用户可以访问日期选择器?任何见解将不胜感激。仍在学习网络上的可访问性。

如果您使用的是pickadate.js版本3.5.5,那么箭头键将正常工作,但是它使用aria-activedescendant来跟踪当前"聚焦"日期,并且并非所有屏幕阅读器都支持此功能(例如在带有VoiceOver的OS X上不起作用,据我所知,也不适用于JAWS)

您可以更改日期选取器的代码 https://github.com/amsul/pickadate.js,以便在用户使用箭头键时使用 ARIA 实时区域来播报日期。它基于jQuery,并且有一个jQuery库,您可以集成它来执行此操作:

https://github.com/dylanb/a11yfy

您基本上会在每次aria-activedescendant随该单元格的内容更改时调用jQuery.a11yfy.assertiveAnnounce(msg);

http://freqdec.github.io/datePicker/这里提供了一个备用日期选择器,它声称可以完全访问,但它似乎也遭受了箭头键不起作用的影响(我在 NVDA 中测试过,我怀疑 JAWS 会有同样的问题)。

但是,请在此处查看演示#9:http://freqdec.github.io/datePicker/demo/它具有与NVDA一起使用的静态日期(不是弹出窗口)选择器,当您使用箭头键在控件中导航时,它甚至会尽职尽责地宣布每个日期。