我对屏幕阅读器有疑问。我有div标签，可以专注于按钮点击。我期待屏幕阅读器在div标签获得焦点时自动读取该div标签中的每个单词。一些屏幕阅读器如何不在焦点上阅读任何东西。如果我将执行反向选项卡，意味着在该页面上还有几个div标签。因此，如果我在反向标签（Shift + tab）之后出现div标签，那么屏幕阅读器将会读取所有内容。对这个遗失的单词的任何评论??
这是该页面的HTML代码。从上一页按钮单击我将重定向此页面，“信息”div将获得焦点。因此，我期待屏幕阅读器在这个div标签聚焦时阅读所有内容，但它不是在阅读。如果我再次选择并再次返回按钮，那么在执行反向标签后我将转到“信息”div标签，然后屏幕阅读器将自动读取所有内容。
<body>
<div id="dialog" class="dialog" style="">
<div id="information" tabindex="0">
<span id="label">Where isRecord Number ?</span><br>
<span id="text1">You'll find this number on a card.It's the number used when making appointments.</span><br>
<span id="text2">If you are in America don't include when entering the number.</span><br></div>
<div><button class="button i18n" id="back_button" role="button"><b>BACK</b>
</button></div>
</div>
</body>
答案 0 :(得分：0)
你正在每个句子的末尾（＆lt; br＆gt;）进行一次艰难的休息，这样会导致屏幕阅读器暂停，就好像你有一个新段落一样。
如果您为＆lt; span＆gt;使用样式，则可以获得相同的视觉样式（每行一个句子）而不是＆lt; br＆gt;。
要修复您的示例，请删除＆lt; br＆gt;在行的末尾并在每个跨度上放置一个class =并使用display：block作为跨度。像这样：
<style>
span.myspan {display:block}
</style>
<div id="dialog" class="dialog" style="">
<div id="information" tabindex="0">
<span class='myspan' id="label">Where isRecord Number ?</span>
<span class='myspan' id="text1">You'll find this number on a card.It's the number used when making appointments.</span>
<span class='myspan' id="text2">If you are in America don't include when entering the number.</span><br></div>
<div><button class="button i18n" id="back_button" role="button"><b>BACK</b>
</button></div>
</div>