下限适用于所有可点元素
别名: 触达尺寸 · 点击目标 · 24px 下限
概念解释
触达尺寸下限管的是每一个会被点、被点按、被激活的对象,不是主按钮。关闭叉、分页圆点、图标工具、地图图钉、自定义复选框、轮播箭头,只要承担操作,就进入这条判据。主 CTA 很大、角落里的「×」只有 12 像素,对运动控制受限的人,失败发生在那个叉上,任务仍然完不成。
下限是无障碍判据,不是某平台的视觉规范。平台推荐值可以更高,但不能拿「主按钮已经够大」代替全集检查。
机制
命中一块区域靠的是效应器(指尖、触控笔、指针热区)和运动噪声,不是视力。小目标把允许的落点方差压到噪声以下,失败表现为点偏、点到邻项、或反复尝试后放弃。界面里最小的可点对象决定了整页的可操作下限——人不能只点大的、不点小的,关闭、删除、分页往往恰是最小的那些。
设计流程常先定主按钮再「顺手」放图标,尺寸在这一步掉下去。评审若只看主路径截图,集合里的长尾控件不会出现。所以判据必须写成「所有可点」,否则测量会自动偏向已经做大的那几颗。
怎么研究
列出页面上全部可激活对象(含自定义命中区),量每个的 CSS 像素宽高,记下最小值及其角色。常用对照:约 24×24 CSS 像素是许多检查清单的中间级地板,约 44×44 是增强级;平台还有 44 pt / 48 dp 等另一套数,不要混进同一次测量。
自变量:控件角色(主操作 / 图标 / 关闭 / 分页)、输入方式(鼠标 / 触摸 / 开关扫描的落点)。 因变量:最小目标边长、未达标个数、指定任务中的误触与未点中次数。
量的是实际渲染的命中区,不是设计稿标注。把热区做大、把图标画小,视觉尺寸和命中尺寸可以分离——那是另一层工程手段,这条先要求命中区本身过线。
边界
内联在段落里的文字链接有专门的例外,不在这条「全部」里一刀切。用户代理自己的控件(浏览器滚动条、系统日期面板)不按页面自绘标准来量。地图上极密的数据点可以把命中合并为选区或列表,而不是把每个像素点做成独立目标——但合并之后,那个选区或列表项仍须达到下限。指针精密、触摸粗糙,同一界面在桌面用鼠标量过,接到触摸设备要再量一遍,不能把鼠标通过复制到触摸。
怎么落地
- 盘点所有可激活对象,包括关闭、图标、分页、图钉,不只是主按钮。
- 每个对象的命中区达到所选地板(常见中间级约 24 CSS 像素边长);不够就扩大热区,而不是只把图标画清楚。
- 验证:用约 24 像素的正方形叠加在每个可点对象上。任何角色露白,这一条就没覆盖全集。