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-header时，屏幕阅读器将相应地读取文本内容....但是当使用NVDA + Firefox时，此代码无法正确读取...我做错了吗？

Answer 1

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

NVDA + Firefox没有正确阅读内容

1 个答案: