11

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

我什至可以使用 jQuery 的slideUp()/slideDown()来显示/隐藏部分吗？我可以使用 jQuery UI 的日期选择器和模式对话框吗？

4

2 回答 2

9

简而言之，是的。一般来说，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 标准。

于 2012-01-09T17:33:44.140 回答
4

聚会有点晚了，但这个链接出现在谷歌上，所以我想我会补充一些想法。这个话题有很多要考虑的。

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

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

但是，自从那篇文章以来，我已经看到对选项卡控件进行了更改。当我对任何主要网站（如 jQuery UI，甚至声称“完全可访问”的引导程序/基础）进行快速测试时，我通常会发现问题。

在测试可访问性时，我通常使用以下通用方法..

  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以指示隐藏的内容.

于 2014-02-22T16:27:38.700 回答