爲什麼標籤上的相對定位使標籤內容對VoiceOver屏幕閱讀器不可見？

Question

當您在表單中的標籤上明確設置position：relative時，VoiceOver不會大聲讀出標籤文本。我只使用Chrome和VoiceOver進行過測試，所以我不知道是否會出現其他屏幕閱讀器/瀏覽器組合。可能只是一個奇怪的錯誤，因爲屏幕閱讀器會關心定位風格的原因並不明顯。

<form> 
 
     <fieldset> 
 
      <legend>Label Position Quirk</legend> 
 
      <input id="thing1" type="checkbox"> 
 
      <label for="thing1" style="position:relative">This won't be read</label> 
 
      <input id="thing2" type="checkbox"> 
 
      <label for="thing2">This will be read</label> 
 
     </fieldset> 
 
    </form>

Answer 1

這是畫外音和瀏覽器的錯誤。配音用戶壓倒性地使用Safari作爲他們的主要瀏覽器，因爲它主要是爲這種屏幕閱讀器/瀏覽器組合開發和測試的。 Chrome瀏覽器在屏幕閱讀器方面存在很多問題，主要不是針對它編寫的（如配音/ Safari和NVDA/Firefox）。我自己測試了這個例子，並且使用配音和Safari瀏覽器大聲讀出了標籤，但是因爲這些問題而沒有使用Chrome。

得到什麼瀏覽器的想法/屏幕閱讀器組合使用最頻繁的，webaim定期提供一些非常有用的調查結果來跟蹤這些趨勢： http://webaim.org/projects/screenreadersurvey6/