NVDA 스크린 리더가 aria-label을 읽는 방법?</p> <pre><code><div tabindex="7" aria-label="Here be redundant or extraneous content" > </code></pre> <p>그것은</p> <p>HTML로이 문제를 해결하는 방법에 어떤 도움 "중복 또는 불필요한 내용을 여기에"읽어야

Question

스크린 리더는이 사업부를 읽고 있지?

Answer 1

div은 랜드 마크 또는 대화 형 콘텐츠가 아닙니다. aria-label은 화면 판독기에서 읽을 수 없으며 올바르게 읽을 수 있습니다.

사용 오프 스크린 기술 :

.SRonly { 
    position: absolute !important; 
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ 
    clip: rect(1px, 1px, 1px, 1px); 
    top: auto; 
    left: -9999px; 
    width: 1px; 
    height: 1px; 
    overflow: hidden; 
} 

html[dir=rtl] .SRonly { 
    left: inherit; 
    left: unset; 
    right: -9999px; 
} 

There are other techniques을하지만, 그 가치는 청중과에 따라 달라집니다

<div class="sr-only"> 
Here be redundant or extraneous content 
</div> 

CSS의가 (너무 RTL 언어를 차지)과 같을 수 있습니다 기술 프로필.

또한, never use a positive tabindex value. 그리고 never use a div as interactive content (탭 중지가 의미하는 것은 사용자의 의도입니다).

해결하려는 문제에 대한 예제와 설명을 제공하면 더 많은 관심을받을 수 있습니다.