🔍 免费 · 免注册 · 不装 App · 只读
把字放大的顾客,还能在你的店里下单吗?
手机上把字调大的人不少 —— 老花、弱视、光线太亮,都会这么干。我们读你的店面 HTML 和主题的主 CSS,专找那些会把这批人挡在门外的写法:禁掉双指放大的 viewport、写死 px 的字号、比 320px 屏还宽的固定容器。
仅基于公开可获取的数据。仅供参考,不构成法律意见。
这个工具检查什么
- viewport 标签有没有禁掉双指放大(user-scalable=no,或 maximum-scale 小于 5)
- 到底有没有 viewport 标签,以及是不是被钉死在某个固定宽度上
- 主题 CSS 里有多少字号是写死的 px,而不是 rem/em
- 宽度超过 320px、又没写 max-width 的固定宽容器
- html/body 上的全局 overflow-x:hidden —— 这是把横向滚动藏起来,不是修好
- 用在正文类选择器上的 white-space:nowrap
- 把像素宽度直接写进 style 属性的元素
FAQ
全绿是不是就等于过了 WCAG 1.4.10 回流?
不等于。回流这条的定义是:内容在 320 CSS 像素宽度下仍然可用 —— 相当于 1280px 屏幕上放大到 400%。要证明这一点,必须真的把页面渲染到那个宽度再看有没有横竖双向滚动。我们不跑浏览器,所以那一条永远返回「无法判定」。我们能做的是把导致它出问题的原因找出来,这部分占了大半工作量。
你们只读一个 CSS 文件,这不是只看了一半吗?
是的,报告里也写明了。我们取 Shopify CDN 上体积最大的那个主题样式表,加上页面里的 <style> 块 —— 我们见过的主题里,布局规则都在这里。没打开的组件文件、以及 App 运行时注入的样式,不算在内。所以那些数字是下限,不是全量。
除了合规,这件事对生意有什么影响?
商品页上禁掉双指放大,意味着看不清尺码表的人会直接走,而不是来问你。这同时也是无障碍里最便宜的一条 —— viewport 标签就是 theme.liquid 里的一行。法规那边也是真的:EN 301 549 指向 WCAG 2.1 AA,欧洲无障碍法案(EAA)的要求从 2025 年 6 月 28 日起适用。