アクセシビリティ: JAWS は *ngIf の丁寧または自信に満ちた aria-live 発音を発しません

Question

私は Angular を使用しています。次のコードの isVisible が true になるたびに、次の HTML コードがページにレンダリングされます。 リーリー

レンダリングするたびに (動作に応じて複数回削除および追加できます)、JAWS がスパン内のテキストを発音する必要があります:

Read this new text。 このために、この Aria に基づいて、aria-live="polite" (発音されません)、さらに aria-live="assertive"、さらには aria-live="assertive" と aria-atomic="true" を使用してみました - Chrome の問題ライブ領域は、要素が削除されたときに更新を読み出しません。

それを機能させるにはどうすればよいですか? 使用: JAWS、Google Chrome。

Answer 1

アクティブな領域の追加または削除はうまく機能しないため、そのような領域のコンテンツのみを操作する必要があります。

リーリー

assertive それが正しい選択であるかどうかは、慎重に検討する必要があります。これはユーザーにとって非常に迷惑です。ほとんどの場合、polite がより良い選択です。

– ARIA aria-live

もう 1 つの一般的な提案は、投稿された情報は、ユーザーが見逃したり理解しなかったりした場合に備えて、ユーザーの条件に応じて簡単にアクセスできる必要があるということです。フィールドのエラー メッセージはアラートによって通知される必要がありますが、ユーザーがフィールドに注目するたびに読み取られるように、入力フィールドにもバインドする必要があります。