NVDA +火狐不讀內容正確

Question

所以我有這樣的代碼：

<div style="top: 143.4px; left: 345.85px; display: block;" class="w size-200" tabindex="1" id="sitetour-wrapper"> 
    <span id="sitetour-pointer"></span> 
    <div class="content-wrapper"> 
     <span id="sitetour-header" class="sitetour-header">Test Text</span> 
     <div id="sitetour-content"> 
      Why this is not being read 
      <div id="demo-bb" class="demo-bg"> 
        <div></div> 
      </div> 
     </div> 
    </div> 
    <div id="sitetour-footer"> 
     <button style="display: block;" type="button" title="back" id="sitetour-back-btn" class="back-btn btn-link">Back</button> 
     <button style="display: none;" type="button" title="next" id="sitetour-next-btn" class="submit-btn">Next</button> 
     <button type="button" title="close" class="btn-link cancel-btn" id="sitetour-close-btn">Close</button> 
    </div> 
</div> 

而且我希望它這樣，當我專注於＃sitetour頭屏幕閱讀器會相應地閱讀文本的內容.. ..但是這個代碼在使用NVDA + Firefox時沒有正確讀取它......我做錯了什麼？

Answer 1

我試圖在codepen，jsfiddle和使用靜態html中重現此問題，並且所有三個都使用firefox和NVDA來閱讀文本。如果文本未被讀取，可能是由於頁面其他方面的干擾。如果你能說出它沒有被正確讀取，那麼這也能幫助你弄清楚發生了什麼。