点击目标与等价操作

先理解这个概念

WCAG 2.2 AA 的目标尺寸最小准则通常为 24×24 CSS px，并含间距、行内文本、等价控件等例外。Apple 与 Android 的平台建议使用各自单位，不能直接与 CSS px 混算。达到最小值也不代表最舒适。

目标尺寸指实际可操作区域，而不只是图形外框。小图标可以放在更大的按钮里，但扩大区域时不能与相邻按钮重叠。标准底线、例外条件和平台建议需要分别理解。更重要的是动作是否有等价路径，例如拖拽排序还可以通过菜单完成。

记住这三个原则

1. 01

   评估实际可点击区域，而不只是图标图形大小。

2. 02

   密集图标之间留出足够空间，避免误触。

3. 03

   拖拽、手势、音频与图像信息提供合适替代。

实际设计时，分三步做

1. STEP 01

   检查实际命中区域及相邻间距，特别是密集工具栏、关闭图标和行内操作，不只量图标文件的尺寸。

2. STEP 02

   列出拖拽、复杂手势和长按操作的替代入口，确认替代方式能够完成相同结果，而不是功能缩水。

3. STEP 03

   分别测试触屏与键盘，关注误触后能否恢复；危险操作和相邻高频操作之间需要更清楚的区分。

一个容易理解的例子

用户需要的是可靠命中目标，而不是视觉上更大的图形本身。

适用边界与取舍

达到某个最小尺寸不等于在所有环境里舒适。行内链接、密集专业工具和移动端主要动作有不同上下文，应按适用规则与实际任务共同判断。