HTML：屏幕阅读器会单独读取行内块元素，即使它们之间没有 space 吗？

Question

我好像找不到这方面的任何信息，但也许这里有人知道。屏幕 reader 是否单独读取行内块元素，即使它们之间没有 space？例如：

<head><style>
div {
    display: inline-block;
}
</style></head>

<div>Hello</div><div>World</div>

这会被解读为一个词，"HelloWorld"（因为元素之间没有 space）还是两个词，"Hello World"（因为它们是独立的元素）？它取决于屏幕 reader，还是它们通常以相同的方式运行（就此而言）？当我在浏览器中看页面时，显然它看起来像 "HelloWorld" 但我不知道屏幕 reader 是否符合那个。 inline 个元素，我希望将其理解为一个词。 inline-block 个我不知道的元素。

我问是因为我有 inline-block 布局。列出没有 spaces 的元素会使计算它们的位置等变得更容易，但如果以屏幕 readers 的可访问性为代价，我不想这样做。另外，我不知道条件是什么（如果元素是 div 而不是 span 是否重要并且它不关心 CSS 设置什么显示到？等）。

感谢您的帮助。如果某处有关于此的任何文档，也将不胜感激。

Answer 1

它将是 "HelloWorld" 因为 inline-block 元素没有占据块的整个宽度，它与内容的大小相同，之后没有 space。所以，如果你制作了 2 <div>s ，并且 .div 在 CSS 中有 Display:inline-block 它们将一个接一个地排列，没有 spaces。如果您需要 space，请为每个 <div> 指定一个 ID，使用每个 <div> 在 CSS 中的 ID 来调整每个 <div> 的位置。

HTML：屏幕阅读器会单独读取行内块元素，即使它们之间没有 space 吗？

HTML: Do screen readers read inline-block elements separately even if there is no space between them?

html

screen-readers