1

我开始研究可访问性。aria-labelledby 和 aria- describeby 在 Chrome 和 Firefox 中工作正常，但 NVDA 在 IE 中无法正确读取。

<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>
4

1 回答 1

6

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

IE 11 不支持aria-labelledby或不支持aria-describedby单个或多个id引用，除非引用的元素是 Microsoft 分类为可访问元素的元素。IE 不可访问元素可以通过添加tabindex="-1"文档或通过添加 ARIA role（适当时）变成可访问元素。

（不幸）示例：

<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- describeby-support-popular-windows-browsers/

于 2017-02-17T16:53:27.213 回答