2017-04-03 15 views
0

Chrome Vox Shift Alt 왼쪽 화살표는 다음 구조의 페이지에서 다음 요소를 모두 읽습니다. 이제 첫 번째 입력에 초점을 맞추기 위해 입력에서 레이블로 이동하려고하고 있으며 포커스는 별표 범위와 레이블에 모두 적용됩니다. 그리고 다음 입력 (전자 메일 입력 상자) 및 범위를 읽습니다. 이 문제가 수정 되었습니까?Chrome Vox Shift Alt 왼쪽 화살표는 페이지의 다음 요소를 모두 읽습니다.

<span>* </span> 
<label for="name">Name:</label> 
<input type="text" id="name" name="name"> 
<br/> 
<span>* </span> 
<label for="email">Name:</label> 
<input type="text" name="email" id="email"> 
+0

이 ChromeVox는 ChromeOS에 있습니까, 아니면 Windows/Mac의 브라우저에서만 사용할 수 있나요? – aardrian

+0

Windows 컴퓨터의 Chrome 브라우저입니다. 나는 같은 문제를 찾을 수있는 다른 샘플 사이트를 발견했다. (여기서 구조는 어떤 질문과 관련이 있는가?) https://www.deque.com/padam/demo/demo-accessible-client-side-form-validation -with-html5-wai-aria.html. Chromevox를 사용하고 Vox 키 (내 경우에는 Shift + Alt)와 성 필드에서 이름으로 오른쪽 화살표를 사용합니다. 포커스가 이름 레이블에 도달하면 모든 요소를 ​​읽기 시작합니다. – Vishwakant

+0

아. ChromeVox를 사용하지 않기 때문에 많은 도움을 드릴 수 없습니다. 진정한 스크린 리더는 아니므로 항상 예상대로 행동하지는 않습니다. 즉, 대부분의 스크린 브라우저는 포커스가 관련 필드로 이동하는 것이므로 '

답변

0

설명은 매우 혼란 스럽습니다. 그러나 이것이 내가 그것을 이해 한 방법입니다 ... chromevox 스크린 리더가 별표를 발표하는 것을 원하지 않습니다.

그럼 할 수있는 일은 스팬에 추가하는 것입니다.

<span aria-hidden="true">* </span> 

는 지금은 그래서 당신은 당신이 입력에 필요한 추가 할 필요가 입력

<input type="text" name="email" id="email" required> 

이를 추가해야합니다 ... 당신이 필요 무언가를 의미하는 별표 (*)를 사용하고 있으리라 믿고있어.

이제 화면 판독기가 탭 인덱스를 사용하여 요소를 읽는 방법의 흐름을 제어 할 수도 있습니다. 그러나 일반적으로 사람들은 탭 인덱스를 양의 정수로 사용하지 않으므로 탭 인덱스 = "0"이어야합니다.

희망이 도움이됩니다.