jquery - aria-labelledby 未被 NVDA Chrome 读取

Question

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

<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

根据类(class)，我了解到您的span 是隐藏的-aria-labelledby 只有在元素(示例中的 span)未隐藏时才会被读取< br/>(当错误被隐藏时，我们将它用于错误，不会为输入读取错误，当错误可见时，它将被读取为输入)
祝你好运
雪莉
无障碍专家