NVDA + Firefox не читает содержание правильно

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

Я попытался воспроизвести эту проблему в кодефене, jsfiddle и использовании статического html, и все три читают текст, используя firefox и NVDA. Если текст не читается, вероятно, это связано с помехами от других аспектов страницы. Если вы можете сказать, как он не читается должным образом, это также может помочь выяснить, что происходит.