web-dev-qa-db-ja.com

スクリーンリーダーを使用している場合、マテリアルデザインのSnackbarにはどのようにアクセスできますか?

enter image description here マテリアルデザインで使用されているスナックバーのパターンについて、ユーザー補助の質問があります。 スナックバー-マテリアルデザイン

snackスナックバーの動作は、一時的に表示されてから自動的に消えることです。

スクリーンリーダーがオンになっているユーザーは、このメッセージを読み上げない可能性があるため、アクセスできないようです。

あなたの考えは何ですか?

1
David

ページが読み込まれた後に表示されるUI要素には aria-live スクリーンリーダーがUIの変更を読み取るようにします。

JavaScriptを使用すると、ページ全体をリロードすることなくページの一部を動的に変更できます。たとえば、検索結果のリストを即座に更新したり、ユーザーの操作を必要としない目立たないアラートや通知を表示したりできます。これらの変更は通常、ページを見ることができるユーザーには視覚的に明らかですが、支援技術のユーザーには明らかでない場合があります。 ARIAライブリージョンは、このギャップを埋め、支援技術がアナウンスできる方法で動的なコンテンツの変更をプログラムで公開する方法を提供します。

Mozilla Developer Network 、2019-09-03に取得

マテリアルデザインガイドラインがすべてのユーザーがアクセスできる方法で使用されるようにするのは、実装次第です。たとえば、Angular 具体的にはスナックバーのアクセシビリティに対処する の実装におけるマテリアルデザインフレームワーク。

スナックバーメッセージはaria-live地域。デフォルトでは、polite設定が使用されます。

2
maxathousand

こちらのこのフォーラムの投稿で詳しく説明されているように、スナッカーにはアクセシビリティオプションがあります。

https://github.com/material-components/material-components/issues/6

0
DarrylGodden