JAWS不會在IE中的選擇框中宣佈使用aria-describeby

Question

我試圖在選擇框上使用aria-describeby，但JAWS不會在IE中使用aria-describedby屬性宣佈相關文本。我甚至將tabindex =「 - 1」添加到被引用的span標記中。下面是我使用的示例代碼。有人可以提供有關此主題的任何信息。

<form action="#" method="post"> 
    <div> 
    <label for="State">State</label> 
    <select id="State" name="State" aria-describedby="spanId"> 
     <option value="acct">Choose</option> 
     <option value="act">ACT</option> 
     <option value="nsw">NSW</option> 
     <option value="nt">NT</option> 
     <option value="qld">QLD</option> 
     <option value="sa">SA</option> 
     <option value="tas">TAS</option> 
     <option value="vic">VIC</option> 
     <option value="wa">WA</option> 
     </select> 
     <span id="spanId" tabindex="-1">This is the text</span> 
    </div> 

</form> 

Answer 1

您可以使用aria-label="spanId"

確保，因爲標題被抑制你不使用title和aria-label爲相同的HTML元素。

Answer 2

使用IE11和Jaws 17我也觀察過這個問題。

我的意思是這是一個錯誤。

在Freedom Scientific解決之前，我建議使用aria-labelledby。

這意味着什麼略有不同的語義：

標籤描述對象的本質，而描述 提供了更多的信息，用戶可能需要。

來源：Mozilla Developer Network

但它可能是你所提供的最佳替代品。