동적으로 생성 된 aria-describedby 값은 계속 액세스 할 수 있습니까?

Question

내 사이트에서 자동화 된 접근성 테스트를 실행 중이며 Zurb Foundation's tooltip (v6.2.3)을 사용하는 툴팁 요소에 대해 오류가 발생합니다.

이 문제는 ""으로 표시됩니다.이 요소에는 하나 이상의 잘못된 ID가 포함 된 aria-describedby 속성 값이 있습니다 .. "내가 말할 수있는 한, 설명하는 div에는 유효한 ID가 있지만 자바 스크립트에서 생성 되었기 때문에 문제가 발생했을 수 있습니다. 여기

코드 내 편집기에서 어떻게 표시되는지를 보여줍니다 :

<span data-tooltip="77rhf0-tooltip" aria-haspopup="true" class="has-tip" title="" aria-describedby="vd07t8-tooltip" data-yeti-box="vd07t8-tooltip" data-toggle="vd07t8-tooltip" data-resize="vd07t8-tooltip">"tip-bottom"</span> 

재단의 자바 스크립트는 문서의 맨 아래에 생성 :

에

<span data-tooltip aria-haspopup="true" class="has-tip" title="I'm on bottom and the default position.">"tip-bottom"</span><br> 

그리고 렌더링, 재단의 자바 스크립트로 변경

<div class="tooltip" role="tooltip" aria-hidden="true" data-is-active="false" data-is-focus="false" id="vd07t8-tooltip" style="display: none; top: 421.812px; left: 410.766px; opacity: 1;">I'm on bottom and the default position.</div> 

여기서 툴팁의 ID는 무작위로 생성됩니다. 는 ID 이름을 만들 플러그인을 사용하고 zurb의 JS 도구 설명에서

: 지금까지 내가 말할 수있는

var elemId = this.$element.attr('aria-describedby') || Foundation.GetYoDigits(6, 'tooltip'); 

, 그것은 유효한 ID이며 제대로 작동해야합니다. 내 테스트 도구에서 ID를 가져 오는 데 어려움이 있다면 보조 기술이 문제가 될 것이라고 생각합니다.

내 질문은 : 그대로 두어도 괜찮습니까? 아니면 보조 기술에 문제를 일으킬 수있는 진정한 오류가 있습니까?

나는 ARIA 속성을 사용하는 것에 상당히 익숙하기 때문에이 질문이 혼란 스럽거나 잘못 말하면 사과드립니다. 고맙습니다!

Answer 1

내 질문은 : 그대로 두어도 좋을까요, 아니면 보조 기술에 문제를 일으킬 수있는 진정한 오류가 있습니까?

aria-describedby은 자바 스크립트로 추가되었으며 div도 있습니다. Screenreaders는 생성 된 DOM을 읽습니다. 그래서 모든 것이 괜찮습니다.

이 도구는 숨겨진 상태로 인해 div을 검색 할 수 없다는 오류가 있었기 때문에 도움이되었지만 화면 판독기의 관점에서는 문제가되지 않았습니다 . aria-hidden=true을 가지고 있어도 아무런 차이가 없습니다.