jQuery是否符合508标准?

11

我正在开发一款需要符合第508章 的asp.net网站,但我困惑于是否应该使用JavaScript。

我可以使用jQuery的slideUp()/slideDown()来显示/隐藏内容吗?我可以使用jQuery UI的日期选择器和模态对话框吗?


1
508标准适用于网站,其非常广泛的摘要是“屏幕阅读器需要能够正常工作”,但这并不是可以上法庭的东西。 - user166390
这个标题应该更改为更具体的内容。例如:“使用jQuery UI控件和show/hide方法是否符合508合规性要求”。 - Aaron
2个回答

9
简而言之,是的。一般来说,jQuery UI团队非常重视无障碍问题,并在他们的大多数(如果不是全部)小部件上使用ARIA(http://www.w3.org/WAI/intro/aria)。
然而,508合规和“无障碍”是不同的概念。有各种标准,其中“508”合规性是最不严格的。
现在99%的页面都使用动态JavaScript启用控件,但可访问性的程度各不相同。大多数问题出现在人们自己制作控件而不是使用像jQuery UI这样的好的控件库时。
适用的规则是:
(l)当页面利用脚本语言显示内容或创建界面元素时,脚本提供的信息应该用功能文本标识,可以被辅助技术读取
例如,jQuery的对话框小部件使用页面上的标记来显示对话框内容,因此它对于辅助技术(AT)是可访问的。至于AT是否正确解释内容并不一定是您所关心的问题,至少在508合规方面不是。这是因为有各种类型的AT与各种OS、浏览器等组合。
在显示和隐藏内容的情况下,从技术上讲,一旦显示了隐藏的内容,AT就可以解释它。问题在于AT如何知道DOM何时发生更改。这取决于AT。在这里,您可以动态更新ARIA状态以通知AT,但AT不一定会尊重和/或实施ARIA标准。

4
有点晚了,但是这个链接在谷歌上出现了,所以我想加入一些想法。这个主题需要考虑很多方面。
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 over,并与http://whatsock.com/的示例进行比较 4. 使用通常接受的键盘使用准则测试控件:http://access.aol.com/dhtml-style-guide-working-group/ 通过这样做,您可以看到每个jQuery Ui控件的失败之处。它们并不是很糟糕,但其中存在一些漏洞,几乎所有主要框架都存在这种情况。
关于滑动和下滑本身并不重要,重要的是您使用的按钮是否可通过键盘访问,并且您使用正确的aria标签,例如aria-hidden等。请参见http://www.w3.org/TR/wai-aria/states_and_properties以指示隐藏内容。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接