開発ツールを開いて要素を調べ、色を持つ CSS プロパティの小さなカラー ピッカー ボックスをクリックすると、色のグラデーション プレーンに 2 本の線と、色のコントラストが 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 開発者から。