我们给官网做过一次全站体检,小于 12 像素的文字有二百多页,逐个改完才发现问题不只在字号。
一、小字常常是整套比例带出来的
改一处字号,行高、间距、按钮高度不跟着调,版面就会挤在一起。按组件改比值逐个替换稳,也方便以后维护。
- 按组件统一变量
- 同步行高与间距
- 改完逐页看窄屏
二、点击目标比字号更容易漏
字放大了,可点区域还是原来那一小块,手指照样点不中。导航、分页、图标按钮都要按可点面积重新量一遍。
- 点击区域单独检查
- 相邻按钮留间距
- 用真机而非模拟器验
三、别用禁止缩放来遮
以前有人靠 viewport 禁止用户放大,让页面显得「没毛病」。这既挡不住实际设备,也让需要放大的人看不了,早该去掉。
- 允许双指缩放
- 正文对比度达标
- 关键操作字号留余量
写在最后
上面这些是我们在这类项目里反复碰到的情况。业务不一样,做法不必照搬,先把自己的流程说清楚,再决定系统该怎么配。有具体场景想聊,电话或微信找我们就行。
