2017-11-14 4 views
1

현재 코드베이스는 다음 기능을 사용하여 시각 장애인에게 무언가가 발생했음을 알리는 경고를 생성합니다. "Bob이 Blue 팀에 성공적으로 배정되었습니다."508 Jaws 아리아 경고 대기열을 중지하는 방법

var create508Message = function (message, type) { 
    var $messageElement, 
     templateOptions = { 
      message: message 
     }; 

    // create the $messageElement 
    switch (type){ 
     case 'alert': 
      templateOptions.isAlert = true; 
      $messageElement = $(HBS['common/accessibilityUtil'](templateOptions)); 
      break; 
     case 'status': 
      templateOptions.isStatus = true; 
      $messageElement = $(HBS['common/accessibilityUtil'](templateOptions)); 
      break; 
     default: 
      return; 
    } 

    // trigger the message 
    $('body').append($messageElement); 
    // clean up automatically after 5 secs 
    setTimeout(function(){ 
     $messageElement.remove(); 
    }, 5000); 

}, 

대부분의 재사용 가능한 구성 요소는 시각 장애인이 현재 상태를 알 수있게합니다. 몇 가지 문제가 있습니다. 예를 들어 테이블을 새로 고치고 페이지 수를 읽은 다음 필터를 적용하고 필터링 된 목록의 항목 수가 변경되었으므로 페이지 번호가 변경됩니다. Jaws는 시각 장애 사용자에게 경고의 전체 대기열을 읽으므로 여러 상충하는 상태를 읽습니다. 여전히 메시지의 전체 큐를 읽고,

killAriaLive: function() { 
    $('div[aria-live]').map(function() { 
      $(this).removeAttr('aria-live'); 
      $(this).removeAttr('role'); 
      $(this).attr('hidden', 'true'); 
      $(this).attr('aria-hidden', 'true'); 
    }); 
}, 

하지만 그 중 하나가 작동하지 않았다 :

나는이 같은 큐, 무언가를 읽는 것을 방지 할 수있는 방법이었다 기대했다.

답변

관련 문제