jquery - 使用 jQuery 508 是否兼容?

标签 jquery accessibility section508

我正在开发一个 asp.net 网站,需要 section 508符合。我很困惑,好像我应该使用 JavaScript 还是根本不使用。

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

最佳答案

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

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

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

适用的规则是这样的:

(l) When pages utilize scripting languages to display content, or to create interface elements, the information provided by the script shall be identified with functional text that can be read by assistive technology

例如,jQuery 的对话框小部件在页面上使用标记来表示对话框内容,因此可以通过辅助技术 (AT) 进行访问。 AT 是否正确解释内容不一定是您关心的问题,至少在符合 508 方面是这样。这是因为 AT 有多种类型,与不同的操作系统、浏览器等相结合。

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

关于jquery - 使用 jQuery 508 是否兼容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7249422/

相关文章:

javascript - 如何在laravel中获取jsonencode数据?

javascript - 查找更改事件的触发方式

javascript - 元素值 2 的 jQuery Owl 轮播动画

javascript - 页面加载后强制聚焦 ~unique

css - 扩展的可点击区域在 Firefox 中不起作用

html - 如何在没有 HTML 标记的情况下向屏幕阅读器隐藏 CSS 生成的内容?

javascript - 检查网站是否符合 508 标准

html - "Elements should not have tabindex greater than zero"- 非零 Tabindex 破坏验证和 508 合规性

javascript - 这两条 jQuery 行会产生不同的结果吗?

javascript - AngularJS 和 508 标准