/요소

Question

내가 요소가 새로운 레이블을 추가하지 않고 (스크린 리더) 속성에 설명을 추가 <div id="container-div" role="region"></div>

사용자가 화면 판독기 단어를 읽고 내가 원하는 키 'R'을 클릭합니다

DOM의 새 레이블 또는 요소를 추가하지 않고 "this is XXX area region"

입니다.

<div id="container-div" role="region" aria-label="This is an XXX"> 

팁 :

는

Answer 1

그냥 같이, aria-label 속성을 추가 (그것은 여분의 숨겨진 라벨없이 깨끗하게 DOM을 유지하기 위해 매우 중요)라는 단어 영역을 사용하지 마십시오 화면 판독기 (최소한 JAWS)가 직접 추가하므로 따라서 "This is a XXX area region"이라고 쓰면 스크린 리더는 역할 때문에 "This is a XXX area region region"라고 말할 것입니다.