html - 在屏幕阅读器中暂停以获得可访问性

我一直在使用 Mac OSX 的内置屏幕阅读器来测试我的网站，我知道它不是最好的，但它是我现在拥有的全部。但我发现它并没有在元素的末尾暂停……这是有道理的；但我发现自己放置了隐藏的句点以使事情可读:

<div class="breakdown">
    <strong>35</strong> New<span class="visuallyhidden">.</span><br>
    <strong>4</strong> Overdue<span class="visuallyhidden">.</span>
</div>

我觉得这样做真的很脏，但如果我不这样做，那么它要么破坏设计，要么在一个无法理解的连续句子中阅读。

有没有人有这种事情的经验可以提供？

最佳答案

如果您在语义上格式化代码，它应该可以正常工作。从您的 HTML 结构的外观来看，您正在使用 <br> 标签进行展示。这不是换行符的目的，因此不是标记的语义使用。

您特别希望每一行都是分开的，因此您应该将它们放在包装块级标签中。您可以将每一行包装在 p 或 div 标签中，然后屏幕阅读器会将它们正确分开。

关于html - 在屏幕阅读器中暂停以获得可访问性，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15883778/