FirefoxでNVDAを使用すると、コンテナからフォーカスしたときに最初の子を読み取ることができませんが、2番目の子を読み取ることができます。Firefoxで親からのフォーカスをとったときにNVDAが最初のHTMLの子を読み取らない
一般的な例:
<div class="container" tabindex="0">
<div class="child" aria-label="Child 1" tabindex="0">Child 1</div>
<div class="child" aria-label="Child 2" tabindex="0">Child 2</div>
</div>
.container
がフォーカスされている
、そしてあなたが "子1" を集中するタブを打つ、NVDAは "子1" を読んでいませんが、は沈黙しています。もう一度タブを押すと、NVDAは "Child 2"と読みます。
これは、ChromeVoxアドオンを使用してChromeで正しく読み取ります。ここで
はcodepenです:http://codepen.io/anon/pen/WGyxom
は私が.container
から着目するとNVDAが「子1」を読み取ることができるように欠けているいくつかの設定はありますか?
あなたはマークアップについて詳しく説明することはできますか?同様に、なぜセマンティックマークアップもありませんか?コンテンツを読む必要があるときに、コンテナにtabindex = "0"を設定する理由 –