如何使 Datepicker 符合 WCAG 2.0？

Question

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

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

如果这是正确的方法，我该如何让屏幕阅读器等无障碍技术忽略图像图标（第二个问题）？我也试图研究这个问题。基本上，如果它只是一个图像，我们可以将“alt”属性设置为 null。但是这张图片实际上是嵌入在一个“锚”标签中（这使得图片可以点击），因此这种做法是无效的（由 achecker.ca 验证）。

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

任何想法都会有所帮助。谢谢你

Answer 1

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

您对您发布的第二个问题的回答适用于屏幕阅读器（就删除上述功能而言），但现在它给有视力的纯键盘用户带来了问题。因此，您仍然不符合 WCAG 2。

使日期选择器易于访问，虽然很困难，但是是可能的。你在使用 jQuery UI 日期选择器吗？