从标签之间剥离空白是否会影响屏幕阅读器对页面的读取？

Question

为了复制设计，必须将文本块中的单个单词拆分并将其包装在标签中。外部后端开发团队要求从跨度之间删除所有空格 - 这本身并不是问题，但我们想知道它是否会对屏幕阅读器如何向用户指示文本产生影响。它会把它称为单个巨型词吗？

Answer 1

你的意思是你有这样的文字格式？

This is<span>some</span>text.

屏幕阅读器如何发音取决于所使用的导航类型。有些模式会在每个元素处停止，将其表示为：

This is（下一个）some（下一个）text.

而（next）将是用户输入以继续下一个（文本）节点。

然而，并非总是如此。视障人士很可能会使用该模式继续阅读，这将剥离标签并连接文本，如：This issometext.

因此，如果可能，您应该在文本之前和之后添加空格，如下所示：

This is <span>some</span> text.或：This is<span> some </span>text.

如果无法做到这一点，您可以使用CSS-sollution，例如：

span:after {
    content: "\00a0";
}