forced-colors

Одно из значений директивы @media для проверки пользовательских настроек. Отслеживает режим принудительных цветов. Она из его реализаций — режим высокой контрастности в Windows.

На forced-colors похоже другое значение директивы @media — ms-high-contrast. Оно устарело и нужно только для поддержки режима высокой контрастности в Internet Explorer.

        
          
          @media (forced-colors: active) {  .btn-icon-svg {    fill: buttonText;  }}
          @media (forced-colors: active) {
  .btn-icon-svg {
    fill: buttonText;
  }
}

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

Есть два значения:

• none — режим принудительных цветов не выбран, цветовая палитра не ограничена.
• active — режим принудительных цветов включён.

Обычно браузеры сами перезаписывают цвета в режиме высокой контрастности. Если цвет автоматически не изменился, используйте системные (динамические) цвета. Например, ButtonText, LinkText или HighlightText.

Режим принудительных цветов (forced colors mode) ограничивает количество цветов, чтобы повысить читаемость текста за счёт изменения контраста текста и фона. В основном используются цвета с высоким контрастом. Этот режим автоматически изменяет цвета и в системе, и на сайтах.

Когда браузер узнаёт о выборе режима принудительных цветов, он ограничивает цветовую палитру до небольшого набора цветов. С помощью forced-colors можно гибче настраивать поддержку этого режима на сайте.