ARIA

by 2 contributors:

Accessible Rich Internet Applications (ARIA) は Web コンテンツや Web アプリケーション (特に Ajax や JavaScript を伴って開発するもの) を、ハンディキャップを持つ人々にとってよりアクセシブルにする方法を定義するものです。例えば、ARIA はナビゲーションの目印、JavaScript ウィジェット、フォームのヒントやエラーメッセージ、動的なコンテンツ更新などをアクセシブルにできるようします。

ARIA は任意のマークアップに追加できる特別なアクセシビリティの属性のセットですが、とりわけ HTML に適応しています。role 属性は、オブジェクトの一般的な型は何か (article、alert、slider など) を定義します。付加的な ARIA の属性は他の役に立つ特性、例えばフォームの説明やプログレスバーの現在の値を提供します。

ARIA は、ほとんどの一般的なブラウザやスクリーンリーダーに実装されています。ただし実装状況はまちまちであり、また古い技術では (どうあっても) それを十分にサポートしていません。上手に退行する "安全な" ARIA を使用するか、新しい技術へのアップグレードをユーザに求めましょう。

ぜひ貢献して、後進のために ARIA をよりよくしてください! 十分な時間がありませんか? でしたら、talk ページで提案してください。

ARIA 入門

ARIA の紹介
ARIA で動的コンテンツをアクセシブルにする方法の簡単な紹介です。2008 年に作成された、定評のある Gez Lemon 氏による ARIA の紹介もご覧ください。
Web アプリケーションと ARIA の FAQ
WAI-ARIA に関する一般的な質問や、なぜ Web アプリケーションをアクセシブルにすることが必要かに対する回答です。
Videos of Screen Readers Using ARIA
ARIA の導入 "前" および "後" を含む、Web の方々から集めた簡単な実例のビデオをご覧ください。
Using ARIA in HTML
開発者向けの実践的なガイドです。HTML 要素で使用する ARIA 属性は何かについて提案しています。提案内容は、実際の実装状況に基づいています。

簡単な ARIA の強化

Enhancing Page Navigation with ARIA Landmarks
スクリーンリーダーの利用者向けに Web ページのナビーションを向上させるための、ARIA landmark の使用法を紹介します。ARIA landmark の実装状況の覚え書き や実際のサイトでの例もご覧ください (2011 年 7 月更新)。
フォームのアクセシビリティ向上
ARIA は動的コンテンツのためだけのものではありません! 付加的な ARIA の属性を使用して HTML フォームのアクセシビリティを向上させる方法を学びましょう。
Live regions (作成中)
Live region は、ページのコンテンツの変化をどのように制御するかに関する提案を、スクリーンリーダーに与えます。
Using ARIA Live Regions to Announce Content Changes
スクリーンリーダーソフトウェア JAWS の作者による、Live region の簡単な概説です。なお、live region は Firefox での NVDA や、Safari での VoiceOver (OS X Lion および iOS 5) でもサポートされています。

スクリプトウィジェット向け ARIA

JavaScript ウィジェット向けのキーボードナビゲーションとフォーカス
アクセシブルな JavaScript ウィジェットを作成する最初のステップは、キーボードでナビゲーション可能にすることです。この記事では、そのプロセスを見ていきます。Yahoo! のフォーカス制御に関する記事もすばらしい情報源です。
Style Guide for Keyboard Navigation
ARIA が挑戦することは、開発者が一貫性のある動作を実装するようにすることです。それは明らかにユーザにとってもっともよいことです。このスタイルガイドは、一般的なウィジェット向けのキーボードインターフェイスを説明します。

ARIA の情報

ウィジェットの技術、チュートリアル、サンプル
スライダー、メニュー、あるいは他のウィジェットが必要ですか? こちらで情報を見つけましょう。
ARIA が有効な JavaScript UI ライブラリ
新たなプロジェクトを始める場合は、ARIA サポートが組み込まれた UI ウィジェットライブラリを選択しましょう。注意: これは 2009 年から存在する記事です。更新することが可能な MDN のページへコンテンツを移行すべきでしょう。
Accessibility of HTML5 and Rich Internet Applications - CSUN 2012 Workshop Materials
プレゼンテーションのスライドやサンプルがあります。

メーリングリスト

Free ARIA Google Group
ARIA について質問したり、これらのページにある ARIA のドキュメントの改善提案を行ったりする場です。

ブログ

ブログ上の ARIA に関する情報は、早々に古くなってしまう傾向があります。それでも、現在 ARIA に取り組んでいる他の開発者が提供したすばらしい情報があります。

Paciello Group

Accessible Culture

Yahoo! Accessibility

バグ報告

ブラウザ、スクリーンリーダー、JavaScript の ARIA に関するバグを報告してください

ARIA サンプルライブラリ
学びやすくなっている、要点のサンプルファイルを集めています。
アクセシブルな JS ウィジェットライブラリのデモ
DojojQueryFluidYUI
Yahoo! Mail
Yahoo! は、ほぼネイティブアプリのような Web アプリである Yahoo! mail に ARIA を導入しています。これはとても良好に動作します。スクリーンリーダーによる Yahoo! Mail のレビューで、Marco Zehe 氏は "Keep up the good work!" と語りました。
Yahoo! Search
Yahoo! は ARIA のさまざまな機能を駆使して、またその技術を共有することにより、ARIA の進歩についてすばらしい役割を果たしました。Yahoo!Search では ARIA landmark、live region、widget を組み合わせて使用しています。

標準化の取り組み

W3C の WAI-ARIA 活動の概要
Web Accessibility Initiative (WAI) による、WAI-ARIA の標準化の取り組みに関する権威ある概要です。
WAI-ARIA 仕様
W3C の仕様そのものであり、リファレンスとして有用です。まだ実装に不一致がみられるため、現時点では互換性のテストが重要であることに注意してください。
WAI-ARIA Authoring Practices
W3C の WAI-ARIA 仕様と同様に、将来の理想 (さまざまなブラウザやスクリーンリーダーで一貫性のある ARIA サポートに作成者が頼れるとき) を表した公式のベストプラクティスです。W3C のドキュメントは ARIA の深い視点をもたらします。

今のところ、ARIA を実装する Web 開発者は互換性を最大化するべきです。現在の実装状況に基づいて、ベストプラクティスのドキュメントやサンプルを使用しましょう。
Open AJAX Accessibility Task Force
Open AJAX は、ARIA の開発ツール、サンプルファイル、自動テストを中心に取り組んでいます。
作成中: WCAG 2.0 ARIA Techniques
コミュニティは WAI-ARIA + HTML 向けの WCAG 技術の完全なセットを求めており、それにより組織は自身の ARIA が有効なコンテンツが WCAG に準拠するという要求を満たすことができます。これは主として、規則や方針が WCAG に基づいている場合に重要です。
AccessibilityAJAXJavaScript

 

ドキュメントのタグと貢献者

Contributors to this page: teoli, yyss
最終更新者: teoli,