Jaws18がIE11で角度データバインディングを読む

Question

私は、いくつかの私たちのウェブページを508に準拠させようとしています。 Jaws18のページを実行している間に、ng-ifまたはng-showで追加されているセクションがデータバインディングとして読み取られていることに気付きました。これはChromeでブラウズするときには発生しませんが、IE11のみです。 （残念なことに私がテストする必要があるものです）

スクリーンリーダーがngで追加された2番目のセクションに到達すると、{{rejection.code}}が「left brace leftブレース拒否コード右ブレース右ブレース "を参照してください。

誰でもこの動作を修正する方法を知っていますか？

<form class="form-horizontal" id="SearchForm" name="SearchForm" novalidate> 
<section id="test"> 
    <div class="form-group"> 
     <label for="pcEmail" class="col-sm-3 control-label"> 
      <span class="glyphicon-asterisk"></span> E-mail 
     </label> 
     <div class="col-sm-6"> 
      <input type="email" ng-pattern="/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/" class="form-control" 
        id="pcEmail" name="pcEmail" 
        placeholder="E-mail" 
        ng-model="vm.searchModel.email" 
        ng-required="true" 
        ng-maxlength="50" /> 
     </div> 
    </div> 
    <div class="row text-center" ng-if="vm.submitBtnVisible"> 
     <div class="col-md-6" ng-if="vm.searchModel.recertificationYearId > 0"> 
      <button class=" btn btn-lg btn-primary" type="submit" ng-disabled="cediRecertSearchForm.$invalid" ng-click="vm.checkStatus(cediRecertSearchForm)"> 
       Check Status 
      </button> 
     </div> 
    </div> 
</section> 
<section ng-if="vm.searchResult.rejectionReasons && vm.searchResult.rejectionReasons.length >0" aria-live="polite" tabindex="0"> 
    <div data-cedi-widget-header subtitle="Rejection Reasons History"></div> 
     <table class="table table-bordered table-condensed table-responsive"> 
      <thead> 
       <tr> 
        <th>Rejection Code</th> 
        <th>Rejection Desc</th> 
       </tr> 
      </thead> 
      <tbody> 
       <tr ng-repeat="rejectionCode in vm.searchResult.rejectionReasons"> 
        <td>{{rejectionCode.code}}</td> 
        <td>{{rejectionCode.description}}</td> 
       </tr> 
      </tbody> 
     </table> 
</section> 

Answer 1

代わり{{}}のNG-バインドまたはNG-バインドHTMLを使用してください。 例：

<tr ng-repeat="rejectionCode in vm.searchResult.rejectionReasons"> 
    <td ng-bind="rejectionCode.code"></td> 
    <td ng-bind="rejectionCode.description"></td> 
</tr>