Sec-CH-Prefers-Reduced-Motion
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.
Der HTTP Sec-CH-Prefers-Reduced-Motion
Request-Header ist ein User-Agent-Client-Hinweis, der die Präferenz des User-Agents anzeigt, Animationen mit reduzierter Bewegung anzuzeigen.
Wenn ein Server einem Client über den Accept-CH
Header signalisiert, dass er Sec-CH-Prefers-Reduced-Motion
akzeptiert, kann der Client mit diesem Header antworten, um die Benutzerpräferenz für reduzierte Bewegungen anzuzeigen. Der Server kann dem Client entsprechend angepasste Inhalte senden, zum Beispiel JavaScript oder CSS, um die Bewegung von Animationen im nachfolgenden gerenderten Inhalt zu reduzieren. Dies könnte die Reduzierung der Geschwindigkeit oder Amplitude der Bewegung einschließen, um Unbehagen bei Personen mit vestibulären Bewegungsstörungen zu verringern.
Dieser Header ist dem prefers-reduced-motion
Media-Query nachempfunden.
Header-Typ | Request-Header, Client-Hinweis |
---|---|
Verbotener Request-Header | Ja (Sec- Präfix) |
Syntax
Sec-CH-Prefers-Reduced-Motion: <preference>
Direktiven
<preference>
-
Die Präferenz des User-Agents für Animationen mit reduzierter Bewegung. Diese wird häufig aus den Einstellung des zugrundeliegenden Betriebssystems entnommen. Der Wert dieser Direktive kann entweder
no-preference
oderreduce
sein.
Beispiele
Verwendung von Sec-CH-Prefers-Reduced-Motion
Der Client sendet eine erste Anfrage an den Server:
GET / HTTP/1.1
Host: example.com
Der Server antwortet und teilt dem Client über Accept-CH
mit, dass er Sec-CH-Prefers-Reduced-Motion
akzeptiert. In diesem Beispiel wird auch Critical-CH
verwendet, was darauf hinweist, dass Sec-CH-Prefers-Reduced-Motion
als kritischer Client-Hinweis angesehen wird.
HTTP/1.1 200 OK
Content-Type: text/html
Accept-CH: Sec-CH-Prefers-Reduced-Motion
Vary: Sec-CH-Prefers-Reduced-Motion
Critical-CH: Sec-CH-Prefers-Reduced-Motion
Hinweis:
Wir haben auch Sec-CH-Prefers-Reduced-Motion
im Vary
Header angegeben, um dem Browser mitzuteilen, dass sich der bereitgestellte Inhalt basierend auf diesem Header-Wert unterscheidet, auch wenn die URL gleich bleibt. Der Browser sollte daher nicht einfach eine vorhandene zwischengespeicherte Antwort verwenden, sondern diese Antwort separat zwischenspeichern. Jeder im Critical-CH
Header aufgeführte Header sollte auch im Accept-CH
und Vary
Header vorhanden sein.
Der Client wiederholt automatisch die Anfrage (aufgrund des oben angegebenen Critical-CH
) und teilt dem Server über Sec-CH-Prefers-Reduced-Motion
mit, dass er eine Benutzerpräferenz für Animationen mit reduzierter Bewegung hat:
GET / HTTP/1.1
Host: example.com
Sec-CH-Prefers-Reduced-Motion: "reduce"
Der Client wird den Header in nachfolgenden Anfragen in der aktuellen Sitzung einfügen, es sei denn, die Accept-CH
ändert sich in den Antworten und zeigt an, dass er vom Server nicht mehr unterstützt wird.
Spezifikationen
Specification |
---|
User Preference Media Features Client Hints Headers # sec-ch-prefers-reduced-motion |
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Sec-CH-Prefers-Reduced-Motion request header |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
- Experimental. Expect behavior to change in the future.