Заголовки: Sec-CH-Prefers-Reduced-Motion

Заголовок Sec-CH-Prefers-Reduced-Motion

Ограниченная доступность

Эта функция не входит в Baseline, поскольку не работает в некоторых наиболее широко используемых браузерах.

Подробнее
Полная информация о совместимости

Экспериментальная функция: Это экспериментальная технология
Перед использованием в рабочей среде внимательно ознакомьтесь с таблицей совместимости браузеров.

Безопасный контекст: Эта функция доступна только в безопасных контекстах (HTTPS) в некоторых или во всех поддерживающих браузерах.

HTTP-заголовок Sec-CH-Prefers-Reduced-Motion является заголовком запроса и подсказкой клиенту от пользовательского агента, которая указывает на предпочтение пользовательского агента показывать анимацию с уменьшенным количеством движения.

Если сервер сообщает клиенту через заголовок Accept-CH, что принимает Sec-CH-Prefers-Reduced-Motion, клиент может отправить этот заголовок, чтобы указать предпочтение пользователя в отношении уменьшенного количества движения. Сервер может отправить клиенту соответствующим образом адаптированное содержимое, например JavaScript или CSS, чтобы уменьшить движение в любой анимации, отображаемой в последующем содержимом. Это может включать снижение скорости или амплитуды движения, чтобы уменьшить дискомфорт у людей с вестибулярными нарушениями, связанными с движением.

Этот заголовок основан на медиазапросе prefers-reduced-motion.

Тип заголовка	Заголовок запроса, Подсказка клиенту
Запрещённый заголовок запроса	Да (префикс `Sec-`)

Синтаксис

Sec-CH-Prefers-Reduced-Motion: <preference>

Директивы

<preference>: Предпочтение пользовательского агента в отношении анимации с уменьшенным количеством движения. Часто это значение берётся из настроек операционной системы. Значение этой директивы может быть no-preference или reduce.

Примеры

Использование Sec-CH-Prefers-Reduced-Motion

Клиент отправляет серверу первоначальный запрос:

GET / HTTP/1.1
Host: example.com

Сервер отвечает, сообщая клиенту через Accept-CH, что принимает Sec-CH-Prefers-Reduced-Motion. В этом примере также используется Critical-CH, указывая, что Sec-CH-Prefers-Reduced-Motion считается критической подсказкой клиенту.

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

Примечание: Мы также указали Sec-CH-Prefers-Reduced-Motion в заголовке Vary, чтобы сообщить браузеру, что содержимое ответа будет различаться в зависимости от значения этого заголовка, даже если URL остаётся прежним. Поэтому браузеру не следует использовать существующий ответ из кэша, а нужно сохранить этот ответ отдельно. Каждый заголовок, указанный в заголовке Critical-CH, также должен присутствовать в заголовках Accept-CH и Vary.

Клиент автоматически повторяет запрос (поскольку выше был указан Critical-CH), сообщая серверу через Sec-CH-Prefers-Reduced-Motion, что пользователь предпочитает анимацию с уменьшенным количеством движения:

GET / HTTP/1.1
Host: example.com
Sec-CH-Prefers-Reduced-Motion: "reduce"

Клиент будет включать заголовок в последующие запросы в рамках текущего сеанса, если только Accept-CH не изменится в ответах, указывая, что сервер больше не поддерживает эту функцию.

Спецификации

Спецификация
Заголовки подсказок клиенту для медиавозможностей пользовательских предпочтений> # sec-ch-prefers-reduced-motion>

Совместимость с браузерами

	Настольные компьютеры					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android	WebView на iOS
`Sec-CH-Prefers-Reduced-Motion`	108	108	Нет	94	Нет	108	Нет	73	Нет	23.0	108	Нет

См. также

Подсказки клиенту
API User-Agent Client Hints
Accept-CH
prefers-reduced-motion медиазапрос CSS
Кэширование HTTP: Vary и заголовок Vary
Повышение конфиденциальности пользователей и удобства работы разработчиков с помощью User-Agent Client Hints (developer.chrome.com)

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Headers/Sec-CH-Prefers-Reduced-Motion