mozilla
Your Search Results

    ARIA

    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,