html - 暂停屏幕阅读器以获得辅助功能

Question

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

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

我觉得这样做真的很脏，但如果我不这样做，要么会破坏设计，要么会以无法理解的连续句子来阅读。

有没有人有提供这种东西的经验？

Answer 1

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

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