最近,我收到了一个使网页符合WCAG 2.0 Level A的项目。目前,我遇到问题的部分是datepicker组件。 datepicker组件允许用户以两种方式选择日期。一种方法是手动输入日期,例如04/06/2014。另一种方法是选择旁边的小图像,然后基本上会弹出一个日历,用户可以从中选择日期。
在网络上进行搜索时,有人建议我们不必使日期选择器组件的图像部分可访问,因为文本字段本身提供了可访问性的另一种选择。这是可以接受的(第一个问题)吗?
如果这是正确的方法,我该如何做,以使屏幕阅读器之类的辅助功能技术会忽略图像图标(第二个问题)?我也尝试研究此问题。基本上,如果只是图像,我们可以将“ alt”属性设置为null。但是此图像实际上是嵌入在“ anchor”标记内(使图像可单击),因此这种做法无效(由achecker.ca验证)。
更新:HTML5 Accessibility: aria-hidden and role=”presentation”回答第二个问题
任何想法都会有所帮助。谢谢
最佳答案
第一个问题的答案取决于显示可视日历的可用性原因是什么?如果要显示它,以便用户可以根据用例(例如“ X月份的第一个星期五”)或类似情况选择日期,则仅提供文本输入,同时至少使页面可用,并不会使页面在功能上等效适用于屏幕阅读器和纯键盘用户,因此未通过WCAG 2。
您对发布的第二个问题的回答适用于屏幕阅读器(删除了上述功能),但现在仅视键盘的用户就会遇到问题。因此,您仍然不符合WCAG 2。
使日期选择器易于访问,尽管很困难。您是否正在使用jQuery UI datepicker?
关于javascript - 如何使Datepicker符合WCAG 2.0?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/23228091/