此规则检查什么
确保触摸目标有足够的大小和空间.
为什么重要
WCAG 2.5.8(WCAG 2.2 新增)要求目标至少为 24×24 CSS 像素,或周围留有足够的间距。
如何修复
- 使用 padding 或 min-width/min-height 增大小链接和小按钮的可点击区域,或在它们之间留出间距。
如何检查修复效果
- 重新扫描,然后在手机上试用这些控件。
FixReports 如何发现此问题
我们的扫描会在真实的 Chrome 浏览器中,对所测的每个页面运行 axe-core 规则 target-size,并报告每个未通过的元素及其所在页面、标记代码,以及适用时的截图。
自动化测试可以确认这个具体问题确实存在,但无法判断页面的其余部分是否无障碍:有些障碍只有在人工检查页面时才会显现。