Bootstrap 4 这句话是什么意思;我们强烈建议自定义验证样式,因为本机浏览器默认设置不会向屏幕阅读器公布;?

Bootstrap 4 这句话是什么意思;我们强烈建议自定义验证样式,因为本机浏览器默认设置不会向屏幕阅读器公布;?,bootstrap-4,screen-readers,html5-formvalidation,Bootstrap 4,Screen Readers,Html5 Formvalidation,在Bootstrap4的网站上为他们陈述 我们强烈推荐自定义验证样式,因为不会向屏幕阅读器公布本机浏览器默认设置。 这是什么意思?他们是否建议您使用本机浏览器表单验证?或者实现自定义验证?最好用一个例子来解释它们的含义 <input type="text" maxlength="32"> 注意maxlength。屏幕阅读器将无法识别何时达到最大长度 因此,他们建议您使用他们的表单。checkValidity(),并创建一条自定义消息,以正确响应无法识别此问题的用户。通常这意味着

在Bootstrap4的网站上为他们陈述

我们强烈推荐自定义验证样式,因为不会向屏幕阅读器公布本机浏览器默认设置。


这是什么意思?他们是否建议您使用本机浏览器表单验证?或者实现自定义验证?

最好用一个例子来解释它们的含义

<input type="text" maxlength="32">

注意maxlength。屏幕阅读器将无法识别何时达到最大长度

因此,他们建议您使用他们的
表单。checkValidity()
,并创建一条自定义消息,以正确响应无法识别此问题的用户。通常这意味着在页面上使用
role=“alert”
创建一个新元素。alert角色通知用户有一条消息需要注意,即您的消息太长

编辑:这适用于表单上的任何条件。所以,如果某些字符是不允许的,那么最大和最小长度等都是用户不能做的


来源:(概述)

据我所知,这意味着您应该显式调用
form.checkValidity()
,而不是依赖默认的HTML5验证