在Bootstrap 4的表单验证网站上，他们指出强烈建议使用自定义验证样式，因为本机浏览器默认值不会向屏幕阅读器公布。这意味着什么？他们建议您使用本地浏览器表单验证？还是实现自定义验证？
xfyts7mz1#
他们的意思最好用一个例子来解释。
<input type="text" maxlength="32">
注意最大长度。屏幕阅读器将无法识别何时实际达到最大长度。因此，他们建议您使用他们的form.checkValidity()并创建自定义消息，以便正确响应无法识别此问题的用户。通常，这意味着在页面上使用role="alert"创建新元素，警报角色会通知用户有一条消息 something 需要注意，即您的消息太长编辑：这适用于你表单上的任何条件。所以如果某些字符不允许，最大和最小长度，等等。任何用户不能做的事情。来源：https://www.w3.org/WAI/people-use-web/tools-techniques/（概览）
form.checkValidity()
role="alert"
1条答案
按热度按时间xfyts7mz1#
他们的意思最好用一个例子来解释。
注意最大长度。屏幕阅读器将无法识别何时实际达到最大长度。
因此，他们建议您使用他们的
form.checkValidity()并创建自定义消息，以便正确响应无法识别此问题的用户。通常，这意味着在页面上使用role="alert"创建新元素，警报角色会通知用户有一条消息 something 需要注意，即您的消息太长编辑：这适用于你表单上的任何条件。所以如果某些字符不允许，最大和最小长度，等等。任何用户不能做的事情。
来源：https://www.w3.org/WAI/people-use-web/tools-techniques/（概览）