屏幕 Reader 和 HTML5 验证
Screen Reader and HTML5 validation
使用 HTML5 验证和屏幕 readers,有没有办法让屏幕 reader 读取 HTML5 验证消息?
<form>
<input type="email" required="required">
</form>
如果输入的电子邮件无效,我们会收到 HTML5 验证消息
我们的问题是屏幕 reader 从不读取此验证消息,有没有办法让它这样做?
看看我对
的回答
起初它可能看起来无关紧要,但它与使用内置的“constraint validation”API 有关,听起来您正在使用它。总之,内部 object.validity.valid
属性 已设置,但只有一些屏幕 reader 支持该属性(屏幕 reader 将宣布该字段有误),甚至当它被兑现时,错误消息没有与错误字段正确关联,因此您不会听到错误消息。
所以目前的答案是,"no",您不能强制屏幕 reader 读取内置错误消息,这很不幸。
要正确地将错误消息与字段相关联,请参阅上述答案。
使用 HTML5 验证和屏幕 readers,有没有办法让屏幕 reader 读取 HTML5 验证消息?
<form>
<input type="email" required="required">
</form>
如果输入的电子邮件无效,我们会收到 HTML5 验证消息
我们的问题是屏幕 reader 从不读取此验证消息,有没有办法让它这样做?
看看我对
起初它可能看起来无关紧要,但它与使用内置的“constraint validation”API 有关,听起来您正在使用它。总之,内部 object.validity.valid
属性 已设置,但只有一些屏幕 reader 支持该属性(屏幕 reader 将宣布该字段有误),甚至当它被兑现时,错误消息没有与错误字段正确关联,因此您不会听到错误消息。
所以目前的答案是,"no",您不能强制屏幕 reader 读取内置错误消息,这很不幸。
要正确地将错误消息与字段相关联,请参阅上述答案。