javascript - 프로그램 - 자바스크립트 input text 값




음성 입력은 내가 입력 한 내용을 텍스트 상자에서 읽지 않습니다. (2)

아래는 내 코드입니다.

    <form>
        <div class="form-group loginFormGrp">
            <label class="caption">Backup Cloud</label>
            <div class="custSelect loginSelect">
            <label class="caption">Server URL</label>
                <input type="text" aria-label="Server URL" name="serverUrl" class="form-control" placeholder="example.server.com" value="">
            </div>
            <div class="form-group loginFormGrp">
                <label class="caption">Email</label>
                <input type="text" aria-label="Email" name="email" class="form-control" placeholder="[email protected]" value="">
            </div>
            <div class="loginBtnRow">
                <button tabindex="0" type="submit" class="lgBtn btn btn-primary btn-block">Continue</button>
            </div>
        </div>
    </form>

보이스 오버가 입력 텍스트 필드를 강조 표시 할 때마다 "현재 텍스트 필드, 웹 컨텐츠 내부에 텍스트를 입력하려면 입력하십시오. 웹 영역을 종료하려면 .."을 입력하고 입력을 시작하면 아무 것도 말하지 않습니다. 내가 입력 한 것을 읽는 다른 appilcation 또는 웹 사이트를 점검했다. 하지만 제 경우에는 그 책을 읽지 않습니다. 누군가가 해결책을 안다면 도와주세요.


input 요소에 title 속성을 추가하고 추가 텍스트를 제공하십시오.

입력 요소에 aria-label 을 추가하는 것도 화면 판독기에서 선택해야합니다.

http://pauljadam.com/demos/title-aria-label.html 은 다양한 브라우저 및 스크린 리더가 이러한 속성을 처리하는 방법에 대한 세부 정보를 제공합니다.


귀하의 코드는 꽤 괜찮은 것 같습니다. ChromeVox라고 불리는 크롬 플러그인을 사용해 보았는데, 그 이유는 부모 HTML 태그에 lang 속성을 추가하고 body 태그에있는 모든 것을이 태그와 같은 것으로 묶는 것 외에는 문제가없는 것 같습니다.

<html lang="en-US" style="height: 100%;">
<body>
 <form>
        <div class="form-group loginFormGrp">
            <label class="caption">Backup Cloud</label>
            <div class="custSelect loginSelect">
            <label class="caption">Server URL</label>
                <input type="text" aria-label="Server URL" name="serverUrl" class="form-control" placeholder="example.server.com" value="">
            </div>
            <div class="form-group loginFormGrp">
                <label class="caption">Email</label>
                <input type="text" aria-label="Email" name="email" class="form-control" placeholder="[email protected]" value="">
            </div>
            <div class="loginBtnRow">
                <button tabindex="0" type="submit" class="lgBtn btn btn-primary btn-block">Continue</button>
            </div>
        </div>
    </form>
</body>
</html>




voiceover