アクセシビリティが正しく選択されない（JAWS）

Question

ブートストラップで使用されるモーダルの中に選択要素があります。スクリーンリーダー（Jaws）が読み込まれるときに選択ボックスを読み込むと、選択内のすべてのオプションが読み込まれます。代わりに、通常のページでのように "Combo Box（オプション値）は上矢印キーと下矢印キーを使用して変更できます"と読む必要があります。私がselect要素にタブすると、それはそれが想定していた方法で読み込まれます。

ブートストラップモーダル：http://getbootstrap.com/docs/3.3/javascript/#modals-examples

私は現在

がcodepenテストするジョーズ18とIE 11を使用しています：https://codepen.io/thecssguru/pen/BmvobW

<!-- Button trigger modal --> 
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"> 
    Launch demo modal 
</button> 

<!-- Modal --> 
<div class="modal fade" id="myModal" tabindex="0" role="dialog" aria-labelledby="myModalLabel"> 
    <div class="modal-dialog" role="document"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
     <h4 class="modal-title" id="myModalLabel">Jaws Test</h4> 
     </div> 
     <div class="modal-body"> 
     <p> The list should not read all the values 
</p> 
<select> 
    <option>January 10, 2017</option> 
    <option>January 11, 2017</option> 
    <option>January 12, 2017</option> 
    <option>January 13, 2017</option> 
    <option>January 14, 2017</option> 
    <option>January 15, 2017</option> 
</select> 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     <button type="button" class="btn btn-primary">Save changes</button> 
     </div> 
    </div> 
    </div> 
</div> 

Answer 1

あなたはFirefoxブラウザで顎をテストする必要があります
幸運
シェルビー
アクセシビリティエキスパート