由NVDA Chrome不读取的咏叹调

Question

当用户使用屏幕阅读器时，我希望从存储在span元素中的隐藏文本中读出H2元素。这不适用于NVDA和Chrome / FF浏览器。当我滚动h2元素时，它只是读取＆＃34;这是标题＆＃34;而不是＆＃34;这是测试＆＃34;

<div >    
    <span id="hdnlbl" class="visuallyhidden">This is Test</span>
    <h2 aria-labelledby="hdnlbl">This is header</h2>
</div>

这是实例https://jsfiddle.net/pwzeus/8jb1mxdm/13/

修改

要求是它必须处理鼠标悬停。我该如何做到这一点？

Answer 1

在课程中，我了解到您的span已隐藏 - aria-labelledby只有在元素（示例中的范围）未被隐藏时才会被读取 （当隐藏错误时，我们将其用于错误，输入读取错误，当错误可见时，将读取输入）
祝你好运 shelli
无障碍专家