2
에 클릭 할 수있는 단어를 읽고 HTML 예제 텍스트를 탭 이동 때 NVDA 클릭 할 단어를 읽고 왜 어떤 생각 :NVDA 스크린 리더는 텍스트
<h1 tabindex="1"> testing </h1>
NVDA 클릭 테스트를 읽을
A
답변
0
짧은 답변 :
을 tabindex 속성은 일부 스크린 리더에 기능을 암시합니다.
긴 답 : 화면 판독기 사용자가 웹 페이지를 탐색합니다
두 가지 주요 방법은 대화 형 요소를 통해 또는 제목으로 건너 뛰어입니다. 대화 형 요소는 링크, 단추, 양식 필드 및 사용자가 페이지에서 시작할 다른 기능과 같은 것입니다. 이들은 '탭'키를 사용하여 탐색됩니다.
그들이 페이지를 탐색하는 다른 기본 방법은 제목을 사용하는 것입니다. 사실, webaim의 설문 조사는 정보를 찾기 위해 페이지를 탐색하는 주요 방법으로 머리글을 압도적으로 나열합니다 (source). 예를 들어, 표제에 tabindex를 주면 tabindex는 일부 기능 또는 상호 작용이 있다는 인상을줍니다. JAWS와 NVDA는 모두 tabreadex가있는 요소에서 'clickable'을 읽습니다. 화면 판독기에서 분명하지 않은 JavaScript 클릭 핸들러를 쉽게 가질 수 있기 때문입니다.
0
우선 tabindex는 a11y에서 좋은 습관이 아니며 머리글에는 tabindex가 필요하지 않음을 기억하십시오. NVDA는 H 키가있는 머리글 탐색 기능을 제공합니다. 다른 SR (Voice over 또는 Chromebox)에서 제대로 읽어야하는지, 내 경험으로 말할 수있는 것은 NVDA의 알려진 문제입니다.
FYI - 관련이 없지만 왜 tabindex를 추가할까요? 제목? Positive tabindex는 접근성을 이유로 눈살을 찌푸리게합니다. 읽기 순서와 DOM 순서가 달라지기 때문입니다. 또한 NVDA는 tabbable없이이 제목을 읽을 수 있습니다. – iandotkelly
필자는 이것을 시험하기 위해 내 Windows 컴퓨터로 가야하지만, 아마도 tabindex = "1"을 가지고 있기 때문일 것입니다. tabbable 인 표제를 가지고있을 필요가 전혀 없다. NVDA 사용자는 화면 판독기의 제목 탐색 기능을 사용하여 제목을 찾습니다. – iandotkelly