キャンバスアプリのライブリージョンを使って動的な変更を通知する

動的な変更は、視覚障碍を持つユーザーにとって難題となります。スクリーンリーダーを介してアプリにアクセスするユーザーは、アプリの一部に集中しています。変更が他の場所で発生しても認識することができません。

この問題は、スクリーンリーダーが追跡するライブリージョンを追加することで解決できます。ライブリージョンでコンテンツが変更されると、スクリーンリーダーがその変更を読み上げます。

ライブリージョンの基盤となるメカニズムは aria-live リージョンなので、同じガイドラインが適用されます。

ライブリージョンの使用例

次のようなイベントが発生したときに、ライブリージョンを使用してユーザーに通知できます。

フォームで検証エラーが発生しました。
ボタンによってトリガーされたアクションが成功しました。たとえば、ユーザーがボタンを選択してアイテムをコレクションに追加すると、ライブリージョンに「アイテムが追加されました」というメッセージが表示されます。
ユーザーが別のタブを選択しました。
バックグラウンドタイマーがニュースフィードを更新します。

ライブリージョンとして構成できるのは、ラベル コントロールだけです。コントロールのライブ プロパティは、どの種類のライブリージョンであるかを決定します。

ライブリージョンのテキストコンテンツが変更されると、スクリーンリーダーは、変更された部分だけでなく、テキストコンテンツ全体を読み上げます。 Text プロパティの値が空の文字列 "" に設定されている場合、スクリーンリーダーは何も読み上げません。

メッセージを繰り返すには、テキスト プロパティの値を空の文字列 "" に設定してテキストの内容をクリアしてから、値をメッセージに再度設定します。

表示は常に true に設定します。一部のスクリーンリーダーでは、非表示になった後再表示されるライブリージョンを検出しません。
ライブ の値は変更しないでください。一部のスクリーンリーダーは、非ライブリージョンがライブになるとき、またはその逆を検出しません。
表示されていない場合でも、ライブリージョンをアプリ内の論理的な位置に配置します。そのコンテンツが前後の要素との関連で適切であることを確認してください。ユーザーは、変更が発生したときだけでなく、スクリーンリーダーを使用した通常の操作を通じていつでもライブリージョンにアクセスできます。