WAI ARIA - 여러 번 읽는 스크린 리더

Question

나는 이상한 문제로 인해 나를 미치게 만들었습니다. 는 사실 내가

<button ng-disabled="vm.updating" ng-click="doSomething()" class="something" type="submit" aria-label="average score"> 
 
    
 
<span ng hide="hideConditional()" class="font-white">score</span> 
 
<span ng-show="showConditional()" class="font-white"> 
 
    <span class="grey"></span> 
 
    <span>scoring</span> 
 
</span> 
 
</button>

내가 스크린 리더를 켜 같은 HTML 구조를 가지고, 그것은 평균 점수는 점수 채점 버튼 여러 번 읽고 다시 는을 득점 점수,하지만 난 단지 버튼에 쓰는 텍스트를 읽고 버튼 아래에있는 모든 것과 같은 자식 요소 텍스트를 무시하기 만하면됩니다. 하지만 나머지 내용은 무시할 수 없습니다. 각 span에 aria-hidden을 사용하려했지만 사용하지 않았습니다. 누구든지 나를 교정 해주실 수 있겠습니까? 내가 여기서 무엇을 놓치고 있니? 화면 판독기가 button 안에있는 요소의 텍스트를 무시하게하고 버튼 자체에서 설정된 텍스트 만 읽게하려면 어떻게합니까?

Answer 1

은 내가 사용했습니다 :

<div class="" aria-hidden="true" role="presentation" > </div> 

그것은 아주 잘 날 위해 일했습니다.