内测中

你用的无障碍扫描器,很可能在骗你。

我们查过了。17 家真实 Shopify 店铺里有 3 家,免费工具报出的对比度问题 有 75% 到 100% 根本不存在。另外 14 家,报出来的每一条都是真的。 两种情况下商家拿到的报告长得一模一样 —— 他没有任何办法分辨自己手上是哪一种。

扫描只在装好的 Shopify 应用里跑,只扫你自己安装的那家店 —— 我们不会因为谁说一句就去扫别人的店。完整报告免费,而且会一直免费。 这个页面本身什么都不收集 —— 没有表单、没有 cookie、没有追踪器、没有任何第三方脚本。

免费工具为什么会判错

现在的 Shopify 主题会在你滚动时给内容做入场动画:元素从 opacity: 0 开始淡入。扫描器如果加载完页面、等两秒就直接测, 抓到的正是这些元素淡入到一半的状态 —— 于是把那个混合出来的过渡色报成对比度不合格。

这是在一家真实店铺上实测到的例子:

免费扫描器测到的页面实际渲染的
#fdfdfe 在 #ffffff 上 —— 比值 1.01 #283992 在 #ffffff 上 —— 比值 10.05

对比度 10:1 的文字 —— 远超合规线 —— 被报成了严重违规。 照着那份报告改,你会去「修」一个从来没坏过的颜色。

我们怎么知道的。我们不是把扫描器重跑一遍比数量 —— 那什么都证明不了。 我们让每个页面先稳定下来,然后直接读取元素真实渲染出来的颜色 (合成祖先元素的背景、计入继承的透明度、按 WCAG 算相对亮度), 再和工具声称测到的值逐条比对。每一条,一条一条比。
31.3%
未做稳定化的扫描报出的对比度问题中,属于幻觉的比例(共核查 221 条)
99.6%
我们的检出结果在独立重新加载后可复现的比例(共核查 240 条)
23
免费工具从头到尾没看见过的真实问题色对

分数是绿的,不等于合规

还是这 17 家店,有 11 家在绿色区间(≥0.90) —— 用的是商家和代理商最先想到的那个无障碍审计工具。 这 11 家里有 10 家仍然存在真实、可复现的 WCAG 违规,一共 125 条。

一部分原因是覆盖范围。那个审计列了 76 项检查,但其中 10 项是 「请你自己确认一下」的提醒,根本不跑任何测试 —— 键盘陷阱和焦点可见性就在里面。 在它真正自动化的那些检查里,还整整跳过了 18 条 WCAG A/AA 规则。

键盘陷阱和焦点可见性,我们是真的去按 Tab 键测的。因为 :focus-visible 只对键盘焦点生效 —— 在脚本里调 .focus() 会把每一个正确实现了它的网站都判成违规。我们还会把视口缩到 320px 重新测一遍重排。

一个修复长什么样

大多数对比度问题都能在不动你品牌色的前提下修好。我们在 OKLCH —— 一个感知均匀的色彩空间 —— 里工作,只动明度,锁住色相和彩度, 一到达标就停。当同时微调文字和背景比死磕一边在视觉上代价更小时,我们就那样做。

下面是真实店铺上的真实色对,已做匿名化:

修改前:「Shop the collection」对比度 3.75:1 —— 不符合 WCAG AAShop the collection 修改后:同一段文字对比度 4.51:1 —— 符合 WCAG AAShop the collection 3.75 → 4.51  ·  93 处  ·  ΔE 0.026
修改前:「On a mission to share」对比度 3.26:1 —— 不符合 WCAG AAOn a mission to share 修改后:同一段文字对比度 4.52:1 —— 符合 WCAG AAOn a mission to share 3.26 → 4.52  ·  123 处  ·  ΔE 0.048
修改前:「Featured artwork」对比度 3.39:1 —— 不符合 WCAG AAFeatured artwork 修改后:同一段文字对比度 4.52:1 —— 符合 WCAG AAFeatured artwork 3.39 → 4.52  ·  65 处  ·  ΔE 0.048

22 家店铺的 1,286 条对比度问题里,51.9% 能用一个 大多数人看不出来的改动修好。剩下的我们如实标注 ——「略可见」或「明显不同」—— 因为一个你会拒绝的修复方案,不算修复方案。

把改好的颜色弄上你的店面有两条路,而且它们**确实不一样**。我们把区别说清楚,你自己挑。

你去改两个主题设置

我们告诉你改哪一项、改成什么值,并直接把你链到主题编辑器里的那个字段。 实际上一家店几十条对比度问题,最后会收敛到两三个颜色设置项 —— 大约一分钟的事。

改动写进你自己的主题。 卸载我们也留得下。这是我们推荐的版本。

或者我们替你改

点一下。我们通过 Shopify 官方的应用扩展,把改好的颜色以样式表的形式发布到店面。 它始终生效 —— 顾客那边没有任何开关,审计方按默认状态测你的站,看到的就是改好的颜色。

这一条由应用投递, 卸载之后就不再生效。包含在 Pro 里。

我们从不重写你的主题文件。Shopify 把那个能力放在一项 我们没有的单独豁免后面 —— 而且两种方式都看过之后,我们认为让商家自己改两个看得见的值, 好过一个应用在背后悄悄重写主题代码。确实需要我们写入的地方 —— 商品替代文本和声明页 —— 每一次改动都会存下修改前的值,可以回滚。

定价

免费

$0

不用绑卡。没有试用倒计时。

  • 完整扫描 —— 我们检查的每一种页型:首页、集合页、购物车、搜索页,以及在你店里找得到的联系页、政策页、博客、账户页和 404 页
  • 在你的目录里跨范围采样 6 个商品页
  • 查出的每一条都给你,不藏任何一条
  • 每组颜色的确切改法 —— 改哪个主题设置项、改成什么值
  • 哪些商品图缺替代文本,以及该写什么
  • 你上次的修改到底生效了没有
  • 每天可复扫一次,外加 2 小时内的一次复验,方便你确认改动是否生效

Pro

$9.99 /月

7 天试用。随时取消。

  • 一键把改好的对比度应用到店面,不用自己去改主题设置
  • 一键把替代文本写进每一张图,不用一条条手动粘
  • EAA / EN 301 549 声明页由我们生成,并随每次扫描保持同步
  • 每 7 天自动复扫,且不受每日扫描次数限制
  • 可导出的、带时间戳的证据链,含完整变更历史
  • 商品页采样从 6 个提到 20 个 —— 你自己粘进商品描述和自定义板块里的内容每个商品都不一样,采得越宽漏得越少

这个扫描器能给出的每一个答案都免费,而且永久免费 —— 包括到底该改什么。Pro 不解锁答案。它替你做那些重复的部分, 并在你顾不上的时候替你盯着 —— 因为合规是一项持续义务,不是一次性的打扫。

来告诉我们错在哪

这是一个人做的内测项目。你能发给我们的最有价值的东西不是夸奖 —— 而是我们具体错在哪:一条根本不成立的检出、一个会搞坏你店面的修复建议、 一个我们完全漏掉的问题,或者一个「这套思路压根不适合我实际怎么开店」的理由。

写信到 hello@maycomayco.com。 没有表单、没有工单号、没有自动回复 —— 信会到一个真人手里,他会读完并回你。

如果你自己开店,又想对这页上的数字提出质疑, 我们很乐意把背后的原始扫描数据发给你,你可以自己验。

这个产品做不到什么

没有任何工具能让你合规,谁这么跟你说,谁就是在卖东西。 自动化检测最多只能覆盖 WCAG 成功准则的约三分之一。剩下的 —— 你的替代文本是否说到了点子上、页面顺序是否讲得通、 一个自定义组件是否真的可以操作 —— 需要人来判断。

我们会告诉你哪些问题我们能修、哪些需要你自己判断、 哪些藏在我们碰不到的第三方嵌入里。我们不会往你的店面上盖一个浮层然后宣称搞定了。 我们也不会靠猜图里有什么来写替代文本 —— 我们用你自己已经填好的商品标题和变体名, 因为一段编出来的描述比没有更糟。

欧盟《无障碍法案》自 2025 年 6 月起已经生效。如果你面向欧盟消费者销售, WCAG 2.1 AA 就是适用标准,而「我装了个插件」不构成抗辩理由。 我们不是律师,本页内容也不构成法律意见。