Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

PreferenceManager: contrast-Eigenschaft

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

Sicherer Kontext: Diese Funktion ist nur in sicheren Kontexten (HTTPS) in einigen oder allen unterstützenden Browsern verfügbar.

Die schreibgeschützte contrast-Eigenschaft der PreferenceManager-Schnittstelle liefert ein PreferenceObject, das verwendet wird, um die Präferenz des Benutzers für das Farbschema der Website zu überschreiben.

Gültige contrast-Einstellungen für PreferenceObject.value sind more, less und no-preference.

Wert

Ein PreferenceObject, das verwendet wird, um die Präferenz des Benutzers für das Farbschema der Website zu überschreiben.

Beispiele

Grundlegende Verwendung

Dieses Beispiel zeigt, wie Sie die Kontrastpräferenz des Benutzers abfragen können.

js
if (navigator.preferences.contrast.value === "more") {
  // The user prefers a high color contrast.
} else if (navigator.preferences.contrast.value === "less") {
  // The user prefers a low color contrast.
} else {
  // The user has stated no preference regarding color contrast.
}

Spezifikationen

Specification
Media Queries Level 5
# contrast-attribute

Browser-Kompatibilität