屏幕阅读器和HTML5验证

Question

使用HTML5验证和屏幕阅读器，有没有办法使屏幕阅读器读取HTML5验证消息？

<form>
    <input type="email" required="required">
</form>

如果输入了无效的电子邮件，我们将收到HTML5验证消息

我们的问题是屏幕阅读器从不读取此验证消息，有没有办法做到这一点？

Answer 1

看看我对Must I use aria-invalid when I invalidate a field using the HTML5 constraint validation API?的回答

乍一看似乎无关，但与使用内置的“ constraint validation” API有关，听起来好像您正在使用。总之，设置了内部object.validity.valid属性，但是只有一些屏幕阅读器支持该属性（屏幕阅读器将宣布该字段有误），即使遵循该属性，错误消息也不会与字段错误，因此您不会听到错误消息。

因此，当前的答案是“否”，您不能强制屏幕阅读器读取内置的错误消息，这是不幸的。

要将错误消息与字段正确关联，请参见上述答案。