javascript - 如何使Datepicker符合WCAG 2.0？

Question

最近我收到了一个使网页符合 WCAG 2.0 A 级的项目。目前我遇到问题的部分是日期选择器组件。日期选择器组件允许用户通过两种方式选择日期。一种方法是手动输入日期，例如 04/06/2014。另一种方法是选择旁边的小图像，基本上会弹出一个日历，用户可以从那里选择日期。

在网络上进行研究时，有些人建议我们不必使日期选择器组件的图像部分可访问，因为文本字段本身提供了可访问性的替代方案。这是可以接受的(第一个问题)吗？

如果这是正确的方法，我该如何做才能使屏幕阅读器等辅助功能技术忽略图像图标(第二个问题)？对于这个问题我也尝试过研究。基本上，如果它只是一个图像，我们可以将“alt”属性设置为 null。但该图像实际上嵌入在“ anchor ”标签内(这使得图像可点击)，因此这种做法是无效的(已由 achecker.ca 验证)。

• 更新:HTML5 Accessibility: aria-hidden and role=”presentation”回答第二个问题

任何想法都会有帮助。谢谢您

Answer 1

第一个问题的答案取决于显示可视日历的可用性原因是什么？如果您显示它以便用户可以根据“X 月的第一个星期五”或类似内容等用例选择日期，那么仅提供文本输入虽然使页面至少可用，但并不会使页面在功能上等效适用于屏幕阅读器和仅使用键盘的用户，因此未通过 WCAG 2。

您对发布的第二个问题的回答适用于屏幕阅读器(就删除上述功能而言)，但现在对视力正常的仅使用键盘的用户来说是一个问题。因此，您仍然不符合 WCAG 2 标准。

使日期选择器变得易于使用虽然很困难，但却是可能的。您使用的是 jQuery UI 日期选择器吗？