我开始研究辅助功能。 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>
答案 0 :(得分:5)
这是Internet Explorer中的已知错误。由于开发工作主要集中在Edge,因此不太可能修复。因此,许多NVDA用户与Firefox配对。
IE 11不支持
aria-labelledby
或aria-describedby
一个或多个id
引用,除非引用的元素是Microsoft类作为可访问元素的内容。 IE不可访问的元素可以通过添加tabindex="-1"
记录或通过添加ARIArole
(适当时)制作成可访问的元素。
(不幸)例子:
<p tabindex="-1" id="label-1">label text</p>
...
<input type="text" aria-labelledby="label-1">