레이블 html 문자열을 화면 판독기에서 읽음

Question

Dojo 라이브러리를 사용하여 드롭 다운 메뉴를 작성하는 동적으로 생성 된 html이 있습니다. 그것은 다른 문제에 대한의,

menu.addChild(new MenuItem({ 
     label: "<a onclick=window.location.href='sampleurl.com' 
        href="sampleurl.com">Sample Link</a> ... 

잠시만 요 onclick을,하지만 내가 갖는 것은 기본적으로 : 내 코드 접근성 준수하고 지금은 스크린 리더가 메뉴 항목을 살펴보고 일반 HTML로 읽고해야 : 아래 첫 번째 메뉴 항목에

탭

스크린 리더 : ... "는 온 클릭 미만 창 도트 위치 도트 HREF가 SAMPLEURL 동일 같다"등 내가 아리아 - hidde를 사용하려고했습니다

n,하지만 화면 판독기는 텍스트로 읽습니다. Mac OS에서 음성을 사용하고 있지만 JAWS에도 호환되어야합니다. 조언이나 조언이 있으십니까? 감사!

Answer 1

라벨은 전체 링크 HTML 태그를 삽입하는 것이 아니라 라벨 (HTML로 표시 될 수 있음)에 사용됩니다. https://dojotoolkit.org/reference-guide/1.10/dijit/Menu.html

예 :

menu.addChild(new MenuItem({ 
    label: "Sample Link", 
    onclick: function() {window.location.href='sampleurl.com';}})); 

메뉴 항목을 생성하기 위해 도장 라이브러리를 사용하는 방법을 다음 페이지 참조

Answer 2

사용중인 스크린 리더/브라우저 콤보를 나타내는 무언가와 함께 작동 예제로 디버그하는 것이 더 쉬울 것입니다. 최소한 화면 판독기가 구문 분석 할 수 있도록 HTML을 작성한다고 가정 할 때 스크립트의 HTML 출력을 보여줍니다.

그 말은, 필자는 누락되거나 일치하지 않는 인용을 의심합니다. 이중 따옴표로 문자열을 시작한 다음 따옴표가없는 onclick 특성으로 이동 한 다음 해당 값을 작은 따옴표로 묶은 다음 href 주위에 큰 따옴표를 사용하십시오.

또는 전체 문자열을 페이지에 쓰고 어떻게 든 그것을 인코딩하는 HTML입니다.

린틴 도구를 사용하여 JS를 확인하는 것이 좋습니다.