<a>モーダル ダイアログ内に存在する最初のタブ (基本的には要素) にフォーカスするという要件を実装しました。
NVDA スクリーン リーダーを使用して機能をテストすると、ダイアログのラベルと説明 (aria-labelledby と aria-addedby が指す) を読み取った後、フォーカスされたタブ要素を読み取ることが観察されます。ただし、その後、モーダル ヘッダーで始まるモーダル ダイアログ コンテンツ全体を読み続けます。これは、私たちが望んでいる望ましい読み取り動作ではありません。
<a>tab( ) 要素ではなく、モーダル ダイアログ内の最初の入力要素にフォーカスを当てると、正常に機能します。フォーカスされた入力要素を読み取った後、NVDA は一時停止します。それ以上の要素は、タブ キーを使用して移動する場合にのみ読み出されます。これは望ましい読み取り動作ですが、入力要素にフォーカスしたくはありません。
デモのリンクはhttps://codepen.io/kaashan/pen/KOmGYeにあります 。使用されるコードは 、モーダル ダイアログの W3.org アクセシビリティ ガイドラインからのもので、タブを表示し、モーダルを開くときに最初のタブ要素に焦点を当てるように若干の変更を加えています。
テスト用に最新バージョンの Chrome および Firefox ブラウザーで NVDA2019.1.1 バージョンを使用しています。
<a>フォーカスされた tab( ) 要素を読み取った後に NVDA を一時停止するにはどうすればよいか、誰か説明してもらえませんか?