Wie kann ich den Farbkontrast-Checker in Chrome für Windows anzeigen?

Wie kann ich den Farbkontrast-Checker in Chrome für Windows anzeigen?

Wenn ich die Entwicklertools öffne, ein Element untersuche und auf das kleine Farbauswahlfeld für eine CSS-Eigenschaft mit einer Farbe klicke, sollten auf der Farbverlaufsebene zwei Linien und ein Abschnitt angezeigt werden, der mir mitteilt, ob der Farbkontrast AA- oder AAA-kompatibel ist. Dies ist jedoch nicht der Fall.

Gibt es irgendwo eine Einstellung, um das einzuschalten? Ist das ein bekannter Fehler? Alles, was ich online gelesen habe, besagt, dass es einfach da sein sollte. Ich habe den Bereich zur Kontrastprüfung auch schon einmal auf meinem Computer gesehen. Vielleicht war er auf einer früheren Version.

Ich verwende Chrome Version 74.0.3729.169 (offizieller Build) (64-Bit) unter Windows 10. Ich habe alle Browsererweiterungen deaktiviert und Chrome neu gestartet.

Relevante Threads vom Chromium-Entwicklerteam: 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

Es sieht so aus, als wäre es aufgrund fehlerhafter Leistung entfernt worden, aber ich kann nichts Genaueres finden.

Antwort1

Es sieht so aus, als hätten sie sich dafür entschieden, den Farbkontrastwert in Chrome 84 woanders zu platzieren. https://developers.google.com/web/updates/2020/05/devtools#a11y

Wenn Sie den Prüfcursor ( Ctrl+ Shift+ C) aktivieren und dann mit der Maus über ein Element fahren, werden Ihnen einige Zugänglichkeitsprüfungen angezeigt.

Antwort2

Vielleicht deaktivieren Sie "Accessibility DevTools-Erweiterung"indem Sie alle Erweiterungen deaktivieren. Sie sollten diese Erweiterung haben, um die Farbkontrast-Überprüfungsfunktion entsprechend zu habendiese Hilfevon Google-Entwicklern.

verwandte Informationen