JAWS와 같은 스크린 리더는 jGrowl 메시지를 읽을 수 있습니까? 오류가 발생할 때마다 내 웹 응용 프로그램에서

Question

은 그 오류 메시지가 jGrowl 상자를 통해 표시되는 :

$.jGrowl("This is an error message."); 

이 또한 내가 정상 메시지/알림을 표시하기위한 jGrowl 상자를 사용합니다. 내 앱 접근성을 향상시키고 있습니다. JAWS를 스크린 리더로 사용하고 있습니다. jGrowl 메시지가 나타나면 JAWS는 해당 메시지를 읽지 않습니다.

JAWS에서 메시지를 읽게하려면 어떻게해야합니까? 해결 방법은 없습니까?

jGrowl 메시지가 표시되어 화면 판독기가 해당 메시지를 읽고 사용자에게 알리도록 포커스 또는 무언가를 설정할 수 있음을 알 수있는 jQuery 메서드가 있습니다.

미리 감사드립니다.

Answer 1

업데이트 :

나는 JAWS와 같은 스크린 리더로 jGrowl 메시지/알림을 읽을 수 있도록하는 해결 방법을했다. 이를 위해 jquery.jgrowl.min.js 파일을 조금 수정했습니다.

먼저 (방식에 의해 jGrowl 팝업을 렌더링하는 데 중요한 역할을한다)를 jquery.jgrowl.min.js 파일의 라인을 검색 할 수 있습니다 : 지금

var t=e("<div />").addClass("jGrowl-notification "+n.themeState+" ui-corner-all"+(void 0!=n.group&&""!=n.group?" "+n.group:"")) 

그리고 '역할을'추가를 '경고'을 해당 div의 값으로 지정하십시오. ARIA 레이블을 추가하면 화면 판독기에서 읽을 수있는 메시지가 표시됩니다. 이 도움이됩니다

var t=e("<div role='alert' />").attr('aria-label',t.message).addClass("jGrowl-notification "+n.themeState+" ui-corner-all"+(void 0!=n.group&&""!=n.group?" "+n.group:"")) 

희망 :

그래서 변경 한 후,이 같이 보입니다. 그것은 나를 위해 일했습니다 :)