有个表单细节不知道你有没有想过,标签末尾是否要加冒号?
这个标题在我前团队发生过激烈辩论,有同事说:“不要加,占用间距,而且没人会留意它……”,也有人说:“要加,从含义上讲,冒号的感化就是提示高低文或总结高低文的停留。加上之后能更好体现标签与输入域的联系关系…….”。
听起来好像都有些原理,那到底谁更对呢!
首先,我们追溯一下 Web 成长史,早期可拜访性查对清单中通常对峙要标签带冒号,由于屏幕浏览器一度必需依赖各种本事才气理解标记不明的表单。
而跟着技术成长,Web表单使用“label”标签(tag)可以做精确的标记,那么屏幕浏览器就能经过进程标记(markup)把标签(label)和相应的字段对应起来则无需再借助冒号。
不过在客户端又有些意外!曾经 Windows Vista 指南中明白要求使用冒号, Mac Aqua 也有此要求但规矩会稍机动一些。
这种情况是由于某些情况下屏幕浏览器在桌面环境与可浏览源代码的网页标记相比会遇到一些艰苦,桌面环境不会直接体现代码。也是这个历史原因,造成 Vista 和 Aqua 各自都熟年夜量其标签包含冒号的历史表单。由于实在没有需要把它们全部改失落,直到今天客户端的表单仍然连续这一规矩。
经过进程Web成长史我们明白表单标签带冒号的产生是为相识决早期屏幕浏览器的辨认,现在的屏幕浏览器技术已转变为辨认标签的底层代码,无需借助这种形式了。所以从这点来看要求标签带冒号已经站不住脚了。
那从情感角度分析标签带冒号的是否对用户体验有影响呢?
回到最开始,我和同事们的辩论…… 先简朴说下谜底,无任何影响!
在《Web表单计划·创立高可用性的网页表单》中,作者(卡罗琳·贾雷特)曾经做过年夜量的表单测试,终极证实从未有一名用户谈论冒号是否涌现,即使是有些在其他环境中很介意标点符号的人好像在线上表单中也未曾留意到。
从以上两个角度不难发现,无论是从技术成长照旧情感体验,都证实可不需要求表单带冒号;由于可用性拜访清单不再有如许的要求,用户研讨也证实险些没有人会留意表单冒号是否涌现。
如许的结论,看似表单带冒号是失败了……但这并不妨害它作为一种风气或传统连续至今,无论在客户端照旧Web计划体系中仍然常见。比方:苹果电脑的Mac体系,国内阿里的Ant Design Web计划体系。 是以,获得以下几点发起: