javascript - 画外音没有读出我在文本框中输入的内容

Question

下面是我的代码:

    <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="user@example.com" value="">
            </div>
            <div class="loginBtnRow">
                <button tabindex="0" type="submit" class="lgBtn btn btn-primary btn-block">Continue</button>
            </div>
        </div>
    </form>

每当画外音突出显示输入文本字段时，它会显示“您当前在文本字段中，在网页内容中。要在此字段中输入文本，请键入。要退出网页区域，..” 当我开始打字时，它什么也没说。 并检查了它读取我正在输入的内容的其他应用程序或网站。 但就我而言，它不是阅读。 如果有人知道解决方案，请提供帮助。

Answer 1

将 title 属性添加到输入元素并提供额外的文本。

将 aria-label 添加到输入元素也应该被屏幕阅读器选中。

http://pauljadam.com/demos/title-aria-label.html提供有关不同浏览器和屏幕阅读器如何处理这些属性的详细信息。