ARIA: application ロール

application ロールは、支援技術に対し、要素とそのすべての子要素をデスクトップアプリケーションと同様に扱い、従来の HTML 解釈手法は使わないことを指示します。このロールは、とても動的でデスクトップのようなウェブアプリケーションを定義する場合にのみ使ってください。ほとんどのモバイルおよびデスクトップウェブアプリは、この目的においてはアプリケーションとはみなされません。

html

<div role="application">...</div>

これは、デスクトップアプリケーションの一部であるかのように、この <div> 要素とその全ての子孫を扱うことを定義します。

説明

application WAI-ARIA ロールは、支援技術に対し、このウェブコンテンツの部分に、他の既知の HTML 要素や WAI-ARIA ウィジェットに準拠しない要素が含まれていることを示します。HTML 構造やウィジェットの特別な解釈は一切行わず、マウス、キーボード、タッチ操作の処理はブラウザーとウェブアプリケーションに完全に委ねるべきです。

このモードでは、ウェブ作成者は、キーボード入力、フォーカス管理、その他のインタラクションを全て処理する責任があり、支援技術が最終的に何らかの処理を行うとは想定できません。

アプリケーション (application) ロールに包まれるウェブアプリケーションに、通常のウェブコンテンツと同様に扱われるべき部分が含まれている場合は、文書 (document) ロールや記事 (article) ロールを使うべきです。

特に Windows 環境では、歴史的経緯から、スクリーンリーダーやその他の支援技術（AT）は、ブラウザーの読み込みが終わった後、ウェブコンテンツ全体を一度に取得するのが一般的でした。支援技術は、視覚障害のあるユーザーがコンテンツを見やすいように、独自の表示形式を作成します。これは、しばしば「仮想ドキュメント」、「ブラウズモード」などと呼ばれます。ドキュメントは、単一列表示に最適化されます。キーボード操作モデルは、ワープロソフトにとてもよく似ており、ユーザーは行ごと、文ごと、段落ごとに読み上げることができます。支援技術（AT）は、リンク、見出し、フォームコントロール、表、リスト、画像など、あらゆる意味情報を読み上げます。

さらに、視覚障害のあるユーザーが特定の要素タイプを介してページをざっと閲覧できるように、いわゆる「クイックナビゲーションキー」が長年にわたって確立されています。こうした要素には通常、見出し、フォームフィールド、リスト、表、リンク、画像、ランドマーク領域などが含まれます。

この全てがうまくいくためには、支援技術はほぼすべてのキーボード入力を受け取って処理し、ブラウザーや他のユーザーエージェントには何も渡しません。ウェブページと対話できるように、標準的なウィジェットセットが認識され、特定のキー（通常は Enter キー）を押すとこのモードがオフになります。スクリーンリーダーモード（「フォームモード」または「フォーカスモード」とも呼ばれます）では、すべてのキーボード入力が再びブラウザーに渡されます。Escapeは、browse モードに戻る最も一般的な方法ですが、特定の application セクション内では、スクリーンリーダーによっては、このモードを意図的に終わるために別のキーが必要になる場合があります。例えば、JAWS ではNUMPAD PLUSキーが必要です。

application ロールは、標準セットに含まれていないウィジェットが、ウェブコンテンツとのインタラクションに browse モードと focus モードの両方を使う支援技術において、直接コントロールできるようにするための手段を提供するように作られています。ほとんどの一般的なウィジェットは、想定されるキーボード操作動作を備えています。そのため、ウェブ制作者がカスタムのキーボード操作を作ると、混乱を招く可能性があります。

キーボードインタラクション

キーボード操作はウェブ開発者が完全にコントロールでき、実装するウィジェットの種類に応じて自由に決められます。例えば、スライドアプリケーションでは、矢印キーを使ってスライド上の要素を置き、ARIA ライブリージョンを介した音声フィードバックで位置や他のオブジェクトとの重なり状態を伝えるウィジェットを作れます。フォーカスは aria-activedescendant によって管理されます。

Tab、Space、Enterキー、およびEscapeキーは、アプリケーション側で処理するべきです。ただし、ブラウザーからのキーボードナビゲーションをサポートするアプリケーション内の標準ウィジェット（例えば input 要素）にフォーカスが設定されている場合は例外です。

必要な JavaScript 機能

キー操作
- : キーボード入力の処理とフォーカスの制御に用います。
クリック、タッチ
- ウィジェットに応じて適切に処理してください。
属性値の変更
- aria-activedescendant は、アプリケーションコンテナ内のフォーカスを管理するために使われます。キーボード操作やその他のアプリケーションイベントによってフォーカスや操作ポイントが変更された場合に設定されます。

メモ: アプリケーション (application) ロールには、関連する HTML ウィジェットがないため、完全に自由形式です。アプリケーションの作成者は、ユーザーが抜け出せないフォーカストラップに陥らないよう、全ての責任を負わなければなりません。ページの他の部分にある通常のウェブコンテンツに戻ることを含む、インタラクションの全ての側面を処理するべきです。賢明に、そして慎重に使ってください！