2017-12-20 17 views
0

저는 웹 페이지 508 중 일부를 준수하도록 노력하고 있습니다. Jaws18을 사용하여 페이지를 실행하는 동안 ng-if 또는 ng-show로 추가되는 섹션이 데이터 바인딩으로 다시 읽혀지고 있음을 발견했습니다. IE11 만 Chrome에서 탐색 할 때 발생하지 않습니다. (안타깝게도 내가 테스트해야하는 것은 무엇입니까?)Jaws18은 IE11에서 각형 데이터 바인딩을 읽습니다.

화면 판독기가 왼쪽에있는 왼쪽 중괄호로 {{rejection.code}}를 다시 읽으면 ng가 추가 된 두 번째 섹션으로 이동합니다. 중괄호 거부 코드 오른쪽 중괄호 오른쪽 중괄호 ".

누구든지이 문제를 해결하는 방법을 알고 있습니까?

<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._%+-][email protected][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> 

답변

0

NG 바인드 또는 NG 바인드 - HTML 대신 {{}}을 사용하십시오. 예 :

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