當我打開開發工具，檢查一個元素，然後單擊具有顏色的 CSS 屬性的小顏色選擇器框時，顏色漸變平面上應該有兩條線，並且有一個部分告訴我顏色對比度是否為 AA或AAA 兼容，但沒有。
有沒有什麼地方可以打開這個設定？這是一個已知的錯誤？我在網上讀到的所有內容都表明它應該就在那裡。我之前也在我的機器上看到對比度檢查區域。也許是以前的版本。
我在 Windows 10 上運行 Chrome 版本 74.0.3729.169（官方版本）（64 位元）。
來自 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開發者。