JawsスクリーンリーダーIE 11選択タグの問題

Question

IE 11とJawsにいくつかの問題があります。下記の例をご覧ください。

簡易コード例：

<input type="text" /> 
<span role="alert" aria-live="assertive" id="err"></span> 
<select id="colours"> 
    <option value="White">White invalid</option> 
    <option value="Green">Green invalid</option> 
    <option value="Red">Red</option> 
    <option value="Blue">Blue</option> 
</select> 


var i = 0; 
$('#colours').on('keyup', function (e) { 
    if ($(this).prop('selectedIndex') < 2) { 
     $('#err').html('an error has occurred ' + i++); 
    } 
    else { 
     $('#err').html(''); 
    } 
}); 

jsfiddle：基本的にhttps://jsfiddle.net/obwapffq/2/

は、私は、例えば「白」と「グリーン」の値が無効であるに（ドロップダウンリストで選択した要素を検証してい）。私はキーボードの上下のボタンを使って選択した値を変更しています。無効なオプションが選択されている場合は、適切なエラーメッセージでスパン要素の内容を更新します。 span要素にはrole = "alert"とaria-live = "assertive"があります。

1. 選択されたオプションが無効の場合は、エラーメッセージが読み出されますが、選択されたオプションが読み出されていないので、ユーザはそのエラーの原因をオプションすなわち無効である何のオプションを知りません。私は2つの問題を持っています。
2. 場合によっては有効なオプションも読み込まれません。これは、ほとんどの場合、リストの最初の有効なオプション、たとえば 'Red'の場合に発生します。

これはNVDAで100％正しく動作しています。

アイデア？

Answer 1

オプションタグにaria-label = "yourOptionText"属性を追加してください。例えば、 aria-label = "White Invalid"です。 これが役立つことを願っています。