此规则检查什么
确保 <meta name="viewport"> 未禁用文本缩放.
为什么重要
WCAG 1.4.4 要求文字可放大至 200%。
如何修复
在任何网站上
- 从 viewport meta 标签中移除 maximum-scale 和 user-scalable=no。
在 Shopify 上
- 在 layout/theme.liquid 中,从 viewport meta 标签中移除 maximum-scale=1 和 user-scalable=no。
如何检查修复效果
- 在手机上双指缩放,确认可以正常缩放。
FixReports 如何发现此问题
我们的扫描会在真实的 Chrome 浏览器中,对所测的每个页面运行 axe-core 规则 meta-viewport,并报告每个未通过的元素及其所在页面、标记代码,以及适用时的截图。
自动化测试可以确认这个具体问题确实存在,但无法判断页面的其余部分是否无障碍:有些障碍只有在人工检查页面时才会显现。