如何获得pickadate.js使用JAWS屏幕阅读器
How do I get pickadate.js working with the JAWS screenreader?
我有一个使用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一起使用的静态日期(不是弹出窗口)选择器,当您使用箭头键在控件中导航时,它甚至会尽职尽责地宣布每个日期。
- 如何将屏幕分辨率乘以 80%,然后在代码中使用
- 在不打开聊天屏幕的情况下制作Zopim-ding代理
- 使用图像数组列表的simplegallary.js显示适合桌面屏幕的图像
- 导航栏没有调整到浏览器屏幕的大小
- 调整屏幕大小后不显示子菜单
- 如何在p5.js中管理多智力竞赛游戏的多个屏幕
- jQuery:当屏幕大小改变时,如何更改默认图像和悬停图像
- 当带有渲染器的DOM元素不在屏幕顶部时,移动了场景的坐标
- 如何知道元素在屏幕上是否可见.如果没有,请滚动页面
- 如果使用javascript函数屏幕太小,我该如何更改HTML文件的背景色
- 如何打开/移动主屏幕左侧的浏览器窗口
- 如何在屏幕外或项目的中心视口中跟随YUI驱动的动画
- 用HTML在不同屏幕上显示和隐藏内容的方法
- 调整屏幕大小时更改属性值
- 检测非移动页面上的移动设备屏幕宽度和高度
- 更改屏幕上对象的宽度调整大小
- 获取屏幕截图并在电子邮件中发送的按钮
- 如何获得pickadate.js使用JAWS屏幕阅读器
- JAWS 屏幕阅读器误读确认对话框消息.IE11.
- Javascript keyevent和JAWS屏幕阅读器