图标看起来大，真正可点击的区域却可能很小；小图标放在有留白的按钮里，反而容易操作。不要先把整套界面和字号放大，应让供应商展示真实点击范围与相邻控件。字号和点击面积是两个决定。
适用读者与交付决定
以手机询盘与购物为主的网站。把本题作为给建站或技术供应方的验收任务；需要真实系统证据的地方不能由演示文件代替。
官方依据与解释边界
WCAG2.2最小目标尺寸描述24×24CSS像素，并有间距、行内链接等具体例外。只量尺寸不等于完成合规检查。 W3C: target size minimum · 核对日期：2026年10月16日。
已填写教学例子
合成例子，不是真实客户案例。 输入、预期及反例如下；真实平台尚未按此例集成测试。
窄屏可横向滚动表格。
| 输入／情况 | 检查口径 | 预期结果 |
|---|---|---|
| rectangle24×24CSSpx | 仅尺寸分支 | 本模型满足 |
| icon16px inside44×44button | 真实按钮区域 | 本模型满足 |
| rectangle20×20 | 未量间距 | 审核例外，不直接判失败 |
怎样执行验收
- 在支持的手机宽度检查真正可点击元素。
- 记录CSS像素范围与相邻目标，区分图形和点击范围。
- 尺寸不足时记录间距等适用例外，再实际测试点按。
如何解释结果与保留证据
检查器只输出尺寸满足或复核例外，不会把小框自动判为WCAG失败。它假设目标是未裁角的轴对齐矩形。交付记录应同时包含密集工具栏和独立控件的截图及范围，展示真实差别。
适用边界
不覆盖完整例外判断、圆角形状、键盘焦点或无障碍认证。不能为了通过离线例子而改动既有页面布局。
离线复核
保存下方两份文件到同一目录，用Node22.13或更新版本执行。模型只验证有限输入，不代表真实服务或认证。 已填输入及预期输出 · 可检查的函数
node decision-check.mjs mobile-tap-target-separation.json