2016-07-28 34 views
0

我似乎无法找到任何关于此的信息,但也许有人会知道。即使屏幕阅读器之间没有空间,屏幕阅读器也会分别读取嵌入式块元素吗?例如:HTML:即使屏幕阅读器之间没有空间,屏幕阅读器是否会分别读取嵌入式块元素?

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

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

这是否会得到读一个单词,“HelloWorld”的(因为有元素之间没有空格),或者两个,“Hello World”的(因为它们是独立的元素)?它依赖于屏幕阅读器,还是它们通常以同样的方式表现(就这一点而言)?当我在浏览器的页面上看到看起来时,显然它看起来像“HelloWorld”,但我不知道屏幕阅读器是否按照这种方式。 inline元素我希望被阅读为一个单词。 inline-block元素我不知道。

我在问,因为我有一个inline-block布局。列出没有空格的元素可以更容易地计算他们的位置等等,但如果它是以屏幕阅读器可访问性为代价的,我不想这样做。此外,我不知道条件是什么(只是如果元素是div而不是span并且它不关心CSS将显示设置为什么等)。

感谢您的任何帮助。如果在这个地方有任何文档,那也是值得赞赏的。

回答

0

它将成为“HelloWorld”因为inline-block元素不占用整个块的宽度,它只是与内容大小相同而没有空间。 因此,如果您制作了2 <div> s,并且.divDisplay:inline-block在CSS 中,则它们将按顺序依次放置,而无空格。 如果您需要空格,请为每个<div>指定一个ID,在每个<div>的位置使用它的ID在CSS中播放。