ARIA

Accessible Rich Internet Applications (ARIA) 规定了能够让 Web 内容和 Web 应用(特别是那些由 Ajax 和 JavaScript 开发的)对于残障人士更易使用的各种机制。例如,ARIA 提供了易用的导航地标、JavaScript 组件、表单提示以及错误信息、实时内容更新等。

ARIA 是一组特殊的易用性属性,可以添加到任意标签上,尤其适用于 HTML。role 属性定义了对象的通用类型(例如文章、警告,或幻灯片)。额外的 ARIA 属性提供了其他有用的特性,例如表单的描述或进度条的当前值。

ARIA 在大多数流行的浏览器和屏幕阅读器中得到了实现。尽管如此,实现方式有所不同,而且旧的技术对其支持不好(或者不支持)。使用可以优雅降级的“安全的” ARIA,或者要求用户升级使用新的技术。

ARIA 入门

ARIA 介绍
关于借助 ARIA 使得动态内容可访问的快速介绍。也可参考经典的 ARIA 介绍 - Gez Lemon,2008 年。
Web 应用与 ARIA FAQ
Answers common questions about WAI-ARIA and why it's needed to make web applications accessible.
在视频频和屏幕阅读器使用 ARIA
See both real and simplfied examples from around the web, including "before" and "after" ARIA videos. 
在 HTML 使用 ARIA
A practical guide for developers. It suggests what ARIA attributes to use on HTML elements. Suggestions are based on implementation realities.

ARIA 初级进阶

Enhancing Page Navigation with ARIA Landmarks
A nice intro to using ARIA landmarks to improve web page navigation for screen reader users. See also, ARIA landmark implementation notes and examples on real sites (updated as of July '11).
Improving Form Accessibility
ARIA is not just for dynamic content! Learn how to improve accessibility of HTML forms using additional ARIA attributes. 
Live regions (work-in-progress)
Live regions provide suggestions to screen readers about how to handle changes to the contents of a page.
Using ARIA Live Regions to Announce Content Changes
A quick summary of live regions, by the makers of JAWS screen reader software. Note that live regions are also supported by NVDA in Firefox, and VoiceOver with Safari (as of OS X Lion and iOS 5).

ARIA 与脚本组件

Keyboard Navigation and Focus for JavaScript Widgets
The first step in developing an accessible JavaScript widget is to make it keyboard navigable. This article steps through the process. The Yahoo! focus management article is a great resource as well.
Style Guide for Keyboard Navigation
A challenge with ARIA is getting developers to implement consistent behavior -- clearly best for users. This style guide describes the keyboard interface for common widgets.

ARIA 资源

Widget Techniques, Tutorials, and Examples
Need a slider, a menu, or another kind of widget? Find resources here.
ARIA-Enabled JavaScript UI Libraries
If you're starting a new project, choose a UI widget library with ARIA support already built-in. Warning: this is from 2009 -- content should be moved to an MDN page where it can be updated.
Accessibility of HTML5 and Rich Internet Applications - CSUN 2012 Workshop Materials
Includes slide presentations and examples.

邮件列表

Free ARIA Google Group
A place to ask questions about ARIA, as well as make suggestions for improving the ARIA documentation found on these pages.

博客

ARIA information on blogs tends to get out of date quickly. Still, there is some great info out there from other developers making ARIA work today.

Paciello Group

Accessible Culture

Yahoo! Accessibility

提交 Bug

File ARIA bugs on browsers, screen readers, and JavaScript libraries.

示例

ARIA 示例库
A set of barebones example files which are easy to learn from.
可访问的 JS 组件库演示
Dojo, jQueryFluid, YUI
Yahoo! 邮箱
Yahoo! puts it all together with Yahoo! Mail, a web app that almost looks like a native app. It works very well. As a review of Yahoo! Mail by screen reader Marco Zehe says, "Keep up the good work!".
Yahoo! 搜索
Yahoo! has done an amazing job of advancing ARIA here, by exercising ARIA's full capabilities and sharing their techniques. Yahoo! Search uses a combination of ARIA landmarks, live regions, and widgets.

规范特性

WAI-ARIA Activities Overview at W3C
Authoritative Overview of WAI-ARIA Standardization efforts by the Web Accessibility Initiative (WAI)
WAI-ARIA Specification
The W3C specification itself, useful as a reference. Note that, at this stage, it is important to test compatibility, as implementations are still inconsistent.
WAI-ARIA Authoring Practices
Like the W3C WAI-ARIA specification, the official best practices represents a future ideal -- a day when authors can rely on consistent ARIA support across browsers and screen readers. The W3C documents provide an in-depth view of ARIA.

For now, web developers implementing ARIA should maximize compatibility. Use best practices docs and examples based on current implementations.
Open AJAX Accessibility Task Force
The Open AJAX effort centers around developing tools, sample files, and automated tests for ARIA.
Under Construction: WCAG 2.0 ARIA Techniques
The community needs a complete set of WCAG techniques for WAI-ARIA + HTML, so that organizations can be comfortable claiming their ARIA-enabled content is WCAG compliant. This is mostly important when regulations or policies are based on WCAG.
Accessibility, AJAX, JavaScript

 

文档标签和贡献者

 此页面的贡献者: luobotang, xieheihei, zhanglun, eminor
 最后编辑者: luobotang,