1

所以我有这个代码:

<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 时这段代码无法正确阅读......我做了什么错误的?

4

1 回答 1

0

我尝试在 codepen、jsfiddle 和使用静态 html 中重现此问题,并且所有三个都使用 firefox 和 NVDA 阅读文本。如果没有阅读文本,则可能是由于页面其他方面的干扰。如果您能够说出它没有被正确阅读的原因,那也可以帮助您弄清楚发生了什么。

于 2016-03-15T17:26:30.103 回答