NVDA Bildschirmleser liest nicht aria-labeledby und aria-in Internet Explorer

Question

Ich begann mit der Zugänglichkeit zu arbeiten. aria-labeledby und aria-describedby funktionieren in Chrome und Firefox gut, werden aber von NVDA in IE nicht richtig gelesen.

<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

Dies ist ein bekannter Fehler im Internet Explorer. Es ist unwahrscheinlich, dass dies behoben wird, da sich die Entwicklungsbemühungen auf Edge konzentrieren. Daher koppeln viele NVDA-Benutzer mit Firefox.

IE 11 nicht unterstützt aria-labelledby oder aria-describedby mit einzelnen oder mehreren id Referenzen es sei denn das referenzierte Element ist, was Microsoft Klassen als begehbares Element. IE nicht zugängliche Elemente können durch Hinzufügen von tabindex="-1" wie dokumentiert oder durch Hinzufügen eines ARIA role (falls zutreffend) zu zugänglichen Elementen gemacht werden.

(Unfortunate) Beispiel:

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

Lesen Sie mehr hier: https://www.paciellogroup.com/blog/2014/06/aria-labelledby-aria-describedby-support-popular-windows-browsers/