我们查过了。17 家真实 Shopify 店铺里有 3 家,免费工具报出的对比度问题 有 75% 到 100% 根本不存在。另外 14 家,报出来的每一条都是真的。 两种情况下商家拿到的报告长得一模一样 —— 他没有任何办法分辨自己手上是哪一种。
扫描只在装好的 Shopify 应用里跑,只扫你自己安装的那家店 —— 我们不会因为谁说一句就去扫别人的店。完整报告免费,而且会一直免费。 这个页面本身什么都不收集 —— 没有表单、没有 cookie、没有追踪器、没有任何第三方脚本。
现在的 Shopify 主题会在你滚动时给内容做入场动画:元素从
opacity: 0 开始淡入。扫描器如果加载完页面、等两秒就直接测,
抓到的正是这些元素淡入到一半的状态 —— 于是把那个混合出来的过渡色报成对比度不合格。
这是在一家真实店铺上实测到的例子:
| 免费扫描器测到的 | 页面实际渲染的 |
|---|---|
#fdfdfe 在 #ffffff 上 —— 比值 1.01 |
#283992 在 #ffffff 上 —— 比值 10.05 |
对比度 10:1 的文字 —— 远超合规线 —— 被报成了严重违规。 照着那份报告改,你会去「修」一个从来没坏过的颜色。
还是这 17 家店,有 11 家在绿色区间(≥0.90) —— 用的是商家和代理商最先想到的那个无障碍审计工具。 这 11 家里有 10 家仍然存在真实、可复现的 WCAG 违规,一共 125 条。
一部分原因是覆盖范围。那个审计列了 76 项检查,但其中 10 项是 「请你自己确认一下」的提醒,根本不跑任何测试 —— 键盘陷阱和焦点可见性就在里面。 在它真正自动化的那些检查里,还整整跳过了 18 条 WCAG A/AA 规则。
键盘陷阱和焦点可见性,我们是真的去按 Tab 键测的。因为
:focus-visible 只对键盘焦点生效 —— 在脚本里调 .focus()
会把每一个正确实现了它的网站都判成违规。我们还会把视口缩到 320px 重新测一遍重排。
大多数对比度问题都能在不动你品牌色的前提下修好。我们在 OKLCH —— 一个感知均匀的色彩空间 —— 里工作,只动明度,锁住色相和彩度, 一到达标就停。当同时微调文字和背景比死磕一边在视觉上代价更小时,我们就那样做。
下面是真实店铺上的真实色对,已做匿名化:
22 家店铺的 1,286 条对比度问题里,51.9% 能用一个 大多数人看不出来的改动修好。剩下的我们如实标注 ——「略可见」或「明显不同」—— 因为一个你会拒绝的修复方案,不算修复方案。
把改好的颜色弄上你的店面有两条路,而且它们**确实不一样**。我们把区别说清楚,你自己挑。
我们告诉你改哪一项、改成什么值,并直接把你链到主题编辑器里的那个字段。 实际上一家店几十条对比度问题,最后会收敛到两三个颜色设置项 —— 大约一分钟的事。
改动写进你自己的主题。 卸载我们也留得下。这是我们推荐的版本。
点一下。我们通过 Shopify 官方的应用扩展,把改好的颜色以样式表的形式发布到店面。 它始终生效 —— 顾客那边没有任何开关,审计方按默认状态测你的站,看到的就是改好的颜色。
这一条由应用投递, 卸载之后就不再生效。包含在 Pro 里。
我们从不重写你的主题文件。Shopify 把那个能力放在一项 我们没有的单独豁免后面 —— 而且两种方式都看过之后,我们认为让商家自己改两个看得见的值, 好过一个应用在背后悄悄重写主题代码。确实需要我们写入的地方 —— 商品替代文本和声明页 —— 每一次改动都会存下修改前的值,可以回滚。
不用绑卡。没有试用倒计时。
7 天试用。随时取消。
这个扫描器能给出的每一个答案都免费,而且永久免费 —— 包括到底该改什么。Pro 不解锁答案。它替你做那些重复的部分, 并在你顾不上的时候替你盯着 —— 因为合规是一项持续义务,不是一次性的打扫。
这是一个人做的内测项目。你能发给我们的最有价值的东西不是夸奖 —— 而是我们具体错在哪:一条根本不成立的检出、一个会搞坏你店面的修复建议、 一个我们完全漏掉的问题,或者一个「这套思路压根不适合我实际怎么开店」的理由。
写信到 hello@maycomayco.com。 没有表单、没有工单号、没有自动回复 —— 信会到一个真人手里,他会读完并回你。
如果你自己开店,又想对这页上的数字提出质疑, 我们很乐意把背后的原始扫描数据发给你,你可以自己验。
没有任何工具能让你合规,谁这么跟你说,谁就是在卖东西。 自动化检测最多只能覆盖 WCAG 成功准则的约三分之一。剩下的 —— 你的替代文本是否说到了点子上、页面顺序是否讲得通、 一个自定义组件是否真的可以操作 —— 需要人来判断。
我们会告诉你哪些问题我们能修、哪些需要你自己判断、 哪些藏在我们碰不到的第三方嵌入里。我们不会往你的店面上盖一个浮层然后宣称搞定了。 我们也不会靠猜图里有什么来写替代文本 —— 我们用你自己已经填好的商品标题和变体名, 因为一段编出来的描述比没有更糟。
欧盟《无障碍法案》自 2025 年 6 月起已经生效。如果你面向欧盟消费者销售, WCAG 2.1 AA 就是适用标准,而「我装了个插件」不构成抗辩理由。 我们不是律师,本页内容也不构成法律意见。