NVDA屏幕阅读器不是在Internet Explorer中读取aria-labelledby和aria-describedby

时间:2017-02-17 16:35:09

标签: accessibility wai-aria screen-readers nvda

我开始研究辅助功能。 aria-labelledby和aria-describe在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>

1 个答案:

答案 0 :(得分:5)

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

  

IE 11不支持aria-labelledbyaria-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-describedby-support-popular-windows-browsers/