将'readonly'属性添加到jquery ui datepicker会影响其可访问性吗?

时间:2015-08-11 11:54:18

标签: html jquery-ui datepicker accessibility

我正在使用jquery UI datepicker控件,但当用户点击输入字段时,不希望“键盘”显示在手机/平板电脑上。

防止这种情况的一种方法是在输入中添加'readyonly = readonly'。

但是,我担心这会对可访问性产生负面影响。

使用屏幕阅读器的用户是否仍然可以编辑字段/选择日期。

https://jqueryui.com/datepicker/

1 个答案:

答案 0 :(得分:2)

简短的回答是肯定的,视障用户很难选择日期。

就屏幕阅读器而言,如果使用NVDA和WindowEyes,体验也不会太差异。因为这些屏幕阅读器不会宣布文本输入是否为只读。但是,JAWS会确认字段是否为只读。所以这是一个混合包,可能会引起一些用户的混淆。

但是,更重要的是,你应该知道许多盲人用户依靠键盘输入日期;从桌子上挑选一个日期对他们来说是一项繁琐的工作。因此,禁用键盘可能不是一个理想的解决方案。

在我看来,最好使用日期选择器图标而不是依赖焦点事件。这样,有视力的用户可以点击图标来显示选择器而无需显示键盘。