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

Итак, у меня есть этот код:

<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-header, программа чтения с экрана читала содержимое текста соответственно.... но этот код не читал его должным образом при использовании NVDA + Firefox... что я сделал неправильный?


html firefox accessibility wai-aria nvda
person pillarOfLight    schedule 14.08.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

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

person Skerrvy    schedule 15.03.2016