이미지가있는 앵커에 -1의 tabIndex를 추가하는 JAWS 스크린 리더

Question

3 개의 앵커 태그가 있습니다. 하나는 내부 텍스트이고 다른 하나는 유효한 대체 텍스트가있는 이미지입니다. 텍스트가있는 앵커 태그는 JAWS에서 올바르게 작동하고 올바르게 읽혀집니다. 그러나 이미지가있는 앵커가있는 이유로 인해 tabIndex가 -1로 적용되고 건너 뜁니다.

IE 9에서 테스트되고 있습니다.이 문제가 발생해야하는 이유가 있습니까? 그것을 막을 수있는 방법이 있습니까?

Answer 1

JAWS는 href = "javascript : void (0)"태그를 앵커 태그에 자동으로 추가합니다. 나는 너와 같은 문제를 해결하기 위해 href = "#"를 사용했다.

Answer 2

JAWS에서 링크의 tabindex을 -1로 설정하면 비슷한 문제가 발생합니다. 이것은 JAWS와 IE9에서였습니다. 14.0

"Web/HTML/PDFs"-> "Links 연속 복제 링크"라는 JAWS의 설정으로 인해 문제가 발생했습니다. JAWS는이 기능을 다음과 같이 설명합니다.

이 옵션은 동일한 위치 (그래픽 및 텍스트 하나)를 가리키는 연속 링크를 필터링할지 여부를 제어합니다. 선택하면 텍스트 링크 만 발표됩니다. 이 확인란은 기본적으로 선택되어 있습니다. JAWS가 텍스트 만 남겨 탭 순서에서 이미지를 제거합니다 확인 설정으로

<a href="javascript:void(0)" onclick="test();"> 
    <img src="untitled.png" title="Test" alt="Test"> 
</a> 
<a href="javascript:void(0)" onclick="test();">TEST</a> 

: 예를 들어

,의 당신이 모두 같은 일을 할 아이콘이/텍스트 링크 쌍을 가정 해 봅시다 이 같은 링크 : 내 경험과 몇 가지 기본적인 테스트에서

<a tabindex="-1" href="javascript:void(0)" onclick="test();"> 
    <img src="untitled.png" title="Test" alt="Test"> 
</a> 
<a href="javascript:void(0)" onclick="test();">TEST</a> 

나는 이미지 링크가 그 반대의 경우도 마찬가지 중복 텍스트 링크 다음과되지 않는 경우이에만 적용 믿습니다. 또한 이미지/텍스트 쌍 다음에 오는 중복 이미지 링크에도 적용됩니다.

내가 겪었던 문제는 JAWS가 href 속성을 비교하는 것 같았고 onclick 또는 onkeydown과 같은 다른 속성을 고려하지 않았기 때문입니다. 초기 이미지/텍스트 링크 쌍 다음에있는 이미지 링크에 중복 제거를 적용하여 이미지/텍스트 링크 쌍 다음에 오는 이미지 링크가 없어야하는 경우가 발생할 수 있습니다. 예 :

<a href="javascript:void(0)" onclick="test();"> 
    <img src="untitled.png" title="Test" alt="Test"> 
</a> 

<a href="javascript:void(0)" onclick="test();">TEST</a> 

<a href='javascript:void(0)' onclick="dontTest();"> 
    <img src="untitled2.png" title="Test" alt="Test"> 
</a> 

결과 :

<a tabindex="-1" href="javascript:void(0)" onclick="test();"> 
    <img src="untitled.png" title="Test" alt="Test"> 
</a> 

<a href="javascript:void(0)" onclick="test();">TEST</a> 

<a tabindex="-1" href='javascript:void(0)' onclick="dontTest();"> 
    <img src="untitled2.png" title="Test" alt="Test"> 
</a> 

참고 : href이 javascript:void(0)로 설정되어 있다는 사실은 순전히 우연입니다. 이 동작은 값이 모든 링크에 대해 동일하면 href에 대한 값을 사용하여 재현 가능해야합니다.

희망이 있으면 도움이됩니다.