2016-07-28 32 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中播放。