如何在 Windows 版 Chrome 中查看颜色对比度检查器?

如何在 Windows 版 Chrome 中查看颜色对比度检查器?

当我打开开发工具,检查一个元素,然后单击具有颜色的 CSS 属性的小型颜色选择器框时,颜色渐变平面上应该有两条线和一个告诉我颜色对比度是否符合 AA 或 AAA 的部分,但是没有。

是否有某个设置可以启用此功能?这是一个已知错误吗?我在网上读到的所有内容都说它应该在那里。我以前在我的计算机上也看到过对比度检查器区域。也许是在以前的版本中。

我在 Windows 10 上运行 Chrome 版本 74.0.3729.169(官方版本)(64 位)。我已关闭所有浏览器扩展,并重新启动了 Chrome。

来自 Chromium 开发团队的相关帖子: https://bugs.chromium.org/p/chromium/issues/detail?id=461320 https://bugs.chromium.org/p/chromium/issues/detail?id=514674 https://bugs.chromium.org/p/chromium/issues/detail?id=879856

它看上去可能是因为性能问题而被删除了,但我找不到任何确定的证据。

答案1

看起来他们选择将颜色对比度分数放在 Chrome 84 的其他地方。 https://developers.google.com/web/updates/2020/05/devtools#a11y

如果您打开检查光标(++ Ctrl),然后将鼠标悬停在某个元素上,它将向您显示一些可访问性检查。ShiftC

答案2

也许你正在禁用 无障碍 DevTools 扩展关闭所有扩展。您应该让该扩展具有颜色对比度检查功能此帮助来自 Google 开发者。

相关内容