当我打开开发工具,检查一个元素,然后单击具有颜色的 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
),然后将鼠标悬停在某个元素上,它将向您显示一些可访问性检查。Shift
C
答案2
也许你正在禁用 “无障碍 DevTools 扩展“关闭所有扩展。您应该让该扩展具有颜色对比度检查功能此帮助来自 Google 开发者。