accessibility - NVDA 屏幕阅读器无法阅读 Internet Explorer 中的 aria-labelledby 和 aria-describedby

Question

我开始研究可访问性。 aria-labelledby 和 aria-describedby 在 Chrome 和 Firefox 中运行良好，但在 IE 中无法被 NVDA 正确读取。

<div id="div1">div 1</div>
<div id="div2">div 2</div>
<div>div 3</div>
<button aria-labelledby="div1 div2 buttonName1"><span id="buttonName1">Test1</span></button>
<br>
<button aria-describedby="div1 div2 buttonName2"><span id="buttonName2">Test2</span></button>

Answer 1

这是 Internet Explorer 中的一个已知错误。它不太可能被修复，因为开发工作集中在 Edge 上。因此，许多 NVDA 用户都与 Firefox 配对。

IE 11 does not support aria-labelledby or aria-describedby with single or multiple id references unless the referenced element is what Microsoft classes as an accessible element. IE non-accessible elements can be made into accessible elements by the addition of tabindex="-1" as documented or via the addition of an ARIA role (when appropriate).

(不幸的)示例:

<p tabindex="-1" id="label-1">label text</p>
...
<input type="text" aria-labelledby="label-1">

在这里阅读更多:https://www.paciellogroup.com/blog/2014/06/aria-labelledby-aria-describedby-support-popular-windows-browsers/