最近我收到了一个项目,要求网页符合WCAG 2.0 Level A.目前我遇到问题的部分是datepicker组件。 datepicker组件允许用户以两种方式选择日期。一种方法是手动输入日期,例如,04/06/2014。另一种方法是选择旁边的小图像,基本上会弹出日历,用户可以从那里选择日期。
在通过网络进行研究时,有些人建议我们不必使图像成为datepicker组件的一部分,因为文本字段本身提供了可访问性的替代方法。这是否可以接受(第一个问题)?
如果这是正确的方法,我该怎么做才能使屏幕阅读器等辅助功能技术忽略图像图标(第二个问题)?我也试图研究这个问题。基本上,如果它只是一个图像,我们可以将“alt”属性设置为null。但是这个图像实际上嵌入了一个“锚”标签(这使得图像可以点击),因此这种做法无效(由achecker.ca验证)。
任何想法都会有所帮助。谢谢
答案 0 :(得分:1)
第一个问题的答案取决于显示视觉日历的可用性原因是什么?如果您正在显示它,以便用户可以根据用例选择日期,例如"第X个月的第一个星期五"或类似的东西,然后简单地提供文本输入,同时使页面至少可用,不会使页面在功能上等同于屏幕阅读器和仅限键盘的用户,因此不会通过WCAG 2.
您发布的第二个问题的答案适用于屏幕阅读器(在删除上述功能方面),但它现在给有视力键盘的用户带来了问题。因此,您仍然不符合WCAG 2标准。
可以使日期选择器易于访问,但也很困难。您使用的是jQuery UI datepicker吗?