问题 是否使用jQuery 508兼容?


我正在开发一个需要的asp.net网站 第508条 兼容。我很困惑,好像我应该使用JavaScript或根本不使用JavaScript。

我甚至可以使用jQuery吗? slideUp()/slideDown() 显示/隐藏部分?我可以使用jQuery UI的datepicker和模态对话框吗?


7178
2017-08-30 20:30


起源

508为网站提供了非常广泛的摘要  - 例如不是要上法庭 - 是“屏幕阅读器需要能够工作”。
应将此标题更改为更具体。类似于:“使用jQuery UI控件和显示/隐藏方法508符合” - Aaron


答案:


总之是的。一般来说,jQuery UI团队非常了解可访问性问题,并且在大多数(如果不是全部)小部件上使用ARIA(http://www.w3.org/WAI/intro/aria)。

话虽这么说,但是508兼容和“可访问”是不同的事情。有各种标准,“508”合规性是最不严格的。

如今,99%的网页都使用动态JavaScript控件,具有不同程度的可访问性。大多数问题发生在人们使用自己的控件而不是使用像jQuery UI这样的好控件库时。

适用的规则是:

(l)当页面使用脚本语言显示内容时,或者   创建界面元素,脚本提供的信息   应使用辅助功能可以阅读的功能文本进行识别   技术

例如,jQuery的对话框小部件在页面上使用标记作为对话框内容,因此辅助技术(AT)可以访问它。 AT是否正确解释内容并不一定是您的关注点,至少在符合508标准方面。这是因为有各种类型的AT与各种操作系统,浏览器等相结合。

在显示和隐藏内容的情况下,技术上隐藏内容一旦被显示就可被AT解释。这里的问题是AT如何知道DOM何时发生变化。这取决于AT。在这里,您可以动态更新ARIA状态以通知AT,但AT不一定会尊重和/或实施ARIA标准。


9
2018-01-09 17:33





派对有点晚了,但这个链接出现在谷歌上,所以以为我会添加一些想法。这个主题有很多需要考虑。

SSB Bart小组对jQuery Ui控件的状态做了很好的总结。

https://www.ssbbartgroup.com/blog/2013/07/03/jquery-ui-accessibility-analysis/

但是,自那篇文章以来,我看到了对标签控件的更改。当我对jQuery UI等任何主要网站进行快速测试,甚至自称“完全可访问”的bootstrap / foundation时,我通常会发现问题。

在测试可访问性时,我通常使用以下一般方法。

  1. 运行自动化测试 http://wave.webaim.org/toolbar/ 和 http://squizlabs.github.io/HTML_CodeSniffer/
  2. 测试一切都是键盘可访问并具有焦点指示器
  3. 实际上运行像Jaws或Voice这样的屏幕阅读器,而不是像基线那样比较 http://whatsock.com/
  4. 测试控件使用普遍接受的键盘使用指南: http://access.aol.com/dhtml-style-guide-working-group/

这样做你可以看到每个jQuery Ui控件失败的地方。他们尝试并不可怕,但它有一些漏洞和几乎所有的主要框架。

关于滑动和滑下来并不重要。重要的是,如果您使用的按钮是键盘可访问的,并且您使用了正确的咏叹调标签,例如aria-hidden等。请参阅 http://www.w3.org/TR/wai-aria/states_and_properties 表示隐藏的内容。


4
2018-02-22 16:27