Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使日期选择器符合WCAG 2.0?_Javascript_Datepicker_Accessibility_Wcag - Fatal编程技术网

Javascript 如何使日期选择器符合WCAG 2.0?

Javascript 如何使日期选择器符合WCAG 2.0?,javascript,datepicker,accessibility,wcag,Javascript,Datepicker,Accessibility,Wcag,最近我收到一个项目,使网页符合WCAG 2.0 a级。我目前遇到的问题是datepicker组件。datepicker组件允许用户通过两种方式选择日期。一种方法是手动键入日期,例如2014年6月4日。另一种方法是选择旁边的小图像,日历基本上会弹出,用户可以从中选择日期 当通过web进行研究时,一些人建议我们不必使datepicker组件的图像部分可访问,因为文本字段本身提供了可访问性的替代方法。这是否可以接受(第一个问题) 如果这是正确的方法,我如何使屏幕阅读器等辅助功能技术忽略图像图标(第二个

最近我收到一个项目,使网页符合WCAG 2.0 a级。我目前遇到的问题是datepicker组件。datepicker组件允许用户通过两种方式选择日期。一种方法是手动键入日期,例如2014年6月4日。另一种方法是选择旁边的小图像,日历基本上会弹出,用户可以从中选择日期

当通过web进行研究时,一些人建议我们不必使datepicker组件的图像部分可访问,因为文本字段本身提供了可访问性的替代方法。这是否可以接受(第一个问题)

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

  • 更新:回答第二个问题

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

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

您对发布的第二个问题的回答适用于屏幕阅读器(在删除上述功能方面),但现在它对只使用键盘的用户来说是一个问题。因此,您仍然不符合WCAG 2

让日期选择器变得可访问,虽然很困难,但这是可能的。您正在使用jQueryUIDatePicker吗