Jquery 和 WAI ARIA

Posted

技术标签:

【中文标题】Jquery 和 WAI ARIA【英文标题】:Jquery and WAI ARIA 【发布时间】:2012-01-07 20:23:31 【问题描述】:

我一直在对 Web 可访问性进行一些研究,并且了解到 jquery 不像 dojo 或 YUI 那样对 WAI ARIA 有很好的支持。这是真的吗?

我仍在研究网络可访问性,所以如果有人可以推荐任何好的文章或 jquery 插件用于键盘导航或处理屏幕阅读器。这将不胜感激。

【问题讨论】:

【参考方案1】:

jQuery 做的事情很少……但做得很好,以简单的方式和跨浏览器。库本身没有复杂的小部件、插件或任何可以被视为 RIA 的东西。它提供了建造它们的砖块。

开箱即用可供网络开发人员和网页设计师使用的复杂小部件可在 jQuery UI 或 jQuery 工具等库中找到。这些具有复杂脚本(如选项卡菜单、幻灯片等)的库可以完全无法访问或管理 ARIA 角色、状态和属性,而无需担心。http://hanshillen.github.com/jqtest/ 的脚本基于 jQuery UI 插件,这些插件已针对键盘和 ARIA 支持以及原始脚本中可能存在的任何可访问性问题进行了改进。

来自 W3C/WAI 的WAI-ARIA 1.0 Authoring Practices 本身面向插件和小部件的前端开发人员(在 JS 中,并且在任何 JS 库中的工作量最小)。 如果您想使用或了解现有的小部件,WebAIM 的这个演示文稿可能会很有用:http://webaim.org/presentations/2011/ahg/ariahtml5/

【讨论】:

以上是关于Jquery 和 WAI ARIA的主要内容,如果未能解决你的问题,请参考以下文章

如何为 WAI-ARIA 标记加载动画?

php 使用HTML5 figure&figcaption,microdata和wai-aria属性改进WordPress标题短代码

WAI-ARIA:Javascript 能力测试?

什么是导航栏/菜单的 WAI-ARIA 兼容实现

html WAI-ARIA角色(地标角色,小部件角色等)

WAI-ARIA无障碍网页资料