在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/(概览)