这是什么
表单字段的「标签」是位于输入框旁边或上方、可见的文字,用来说明该填什么——「电子邮箱地址」「全名」「电话号码」。这项检查关注表单字段是否有真正的、正确关联的标签,而不是仅仅依赖占位文字(那种位于空字段内、一旦有人开始输入就消失的浅灰色提示文字)。
占位文字是真实标签的常见替代品,因为它看起来干净、不占用额外空间,但从技术上讲,它是一个不同的、更脆弱的东西,不像标签那样在整个填写字段的过程中始终保持可见。
为什么重要
一旦有人开始在字段中输入,仅有的占位文字就会消失——所以如果他们暂停、移开视线,或者在被打断后回到表单,就再也没有任何可见的提示来说明那个字段是干什么用的了。在一个长表单中,或者在网络较慢、需要一步步填写的情况下,这会导致真实的、本可避免的错误:把邮箱地址填到错误的字段里,或者填到一半就放弃,因为这真的变得让人搞不清楚了。
这是每一位访客都会遇到的可用性问题,而不仅仅是个别情况——只有占位文字的字段本来就比拥有真实、持续存在标签的字段更难被正确使用,表单中的每一点摩擦都会切实减少完成填写的人数。
如何解决
- 检查你网站上的每一个表单字段——如果字段的说明在你点进去并开始输入的那一刻就消失了,说明它只使用了占位文字,而不是真正的标签。
- 在占位文字之外(或代替占位文字),在每个字段的上方或旁边添加一个真实、持续存在的标签。
- 如果你使用的是网站建设工具,大多数表单工具在字段设置中都有一个独立于「占位文字」的「标签」字段——两者都填写,而不是只依赖占位文字。
- 如果你确实要使用占位文字,就把它留给一个简短的示例格式(比如「例如:zhang@example.com」),而不是作为字段唯一的说明。
- 测试你自己的表单:慢慢填写,并在每个字段填到一半时暂停,确认你依然能看出每个字段想要什么。