| title | slug |
|---|---|
status ロールの使用 |
Web/Accessibility/ARIA/Roles/status_role |
{{AccessibilitySidebar}}
このテクニックは、status ロールを使用する方法を示し、ブラウザーと支援技術に及ぼす影響について説明します。
status ロールは、ライブリージョンの一種であり、内容は alert を正当化するほど重要ではないユーザーのためのアドバイザリ情報であり、多くの場合ステータスバーとして表示されます。 ロールが要素に追加されると、ブラウザーは、支援技術製品にアクセス可能なステータスイベントを送信し、ユーザーに通知することができます。
ステータス情報のコンテンツは、ステータスオブジェクト内に提供されなければならず、このオブジェクトがフォーカスを受け取らないようにするべきです。 ページの別の部分がステータスに表示されるものを制御する場合、関係は aria-controls 属性を介して明示的に指定するべきです。
支援技術は、ステータスをレンダリングするために点字ディスプレイのいくつかのセルを予約することができます。
status ロールが要素に追加されるか、またはそのような要素が可視になると、ユーザーエージェントは以下を行うべきです。
- オペレーティングシステムのアクセシビリティ API で
statusロールを持つものとして要素を公開します。 - オペレーティングシステムのアクセシビリティ API がサポートされている場合は、アクセシビリティ API を使用してアクセス可能なステータスイベントを発生させます。
支援技術製品は、そのようなイベントをリスンし、それに応じてユーザーに以下を通知するべきです。
- スクリーンリーダーは、現在のステータスをアナウンスするための特別なキーを提供することがあり、これはステータスのライブリージョンの内容を提示するべきです。
aria-live="assertive"が設定されている場合を除いて、ユーザーがアイドル状態になったときにアナウンスするべきです。 - スクリーン拡大鏡でステータスが拡大されることがあります。
Note
支援技術がどのようにこの技術を扱うべきかについての意見は異なる場合があります。 上記の情報は、これらの意見の 1 つで、したがって規範的ではありません。
以下のスニペットは、status ロールが html ソースコードに直接追加される仕組みを示しています。
<p role="status">変更は自動的に保存されました。</p>- Paciello Group は、2014 年のブログ記事を通じて互換性に関するいくつかのデータを発表しました。 ARIA ライブリージョンのスクリーンリーダーのサポート
- TBD: 一般的な UA と AT 製品の組み合わせに関するサポート情報を追加する
- status ロールの WAI-ARIA 1.0（2014 年）よりの以前の勧告