Что на самом деле происходит с CSS в режиме высокой контрастности?

Question

Может ли кто-нибудь объяснить, что происходит с CSS в режиме высокой контрастности?

http://hardlikesoftware.com/weblog/2009/11/04/css-sprites-vs-high-contrast-mode/

В режиме высокой контрастности все фоновые изображения и цвета игнорируются - заменены высоким контрастом цвета, такие как белый на черный или черный на белом . Другая проблема заключается в том, что фоновые изображения не всегда печатаются .

Есть ли что-нибудь более?

Я войти в форму, которая выглядит неоптимальным, и я пытаюсь исследовать.

До недавнего времени было https://www.google.com/search?q=axs+aol+accesibility+library, но, похоже, оно больше не существует.

Вообще я вижу два подхода:

1. Обнаружение HCM (режим высокой контрастности) и настроить CSS соответственно
2. Сделано CSS более общий, чтобы он работать в любом режиме

В любом case Мне бы очень хотелось узнать, что происходит в режиме с высоким контрастом с точки зрения изменений в CSS.

Как вы видите, поведение меняется так ваши знания будут оценены.

Answer 1

Вы определяли цвета для текста и фона для ваших элементов формы?

Вот такой соответствующие критерии из списка ссылок Accessiweb 2.1: On each Web page, are CSS declarations for colours for element background and fonts used properly? (уровень Silver равен WCAG 2.0 AA)
Соответствующий WCAG 2,0 Failure Методика является F24: specifying foreground colors without specifying background colors or vice versa

Недавнее WebAIM сообщение о режиме контраста: http://webaim.org/blog/high-contrast/

О на главной странице Google: Google известен тем, что браузер взломает и сильно изменяет страницы в зависимости от браузера, зашел в систему или нет, JS активирован или нет. Он даже будет использовать протокол SPDY вместо HTTP (хотя это не изменяет содержимое, полученное браузером per se).
я бы не стал рассматривать страницы из этой компании для сравнения между браузерами;)

Answer 2

@media screen and (-ms-high-contrast: active) { 
    /* put your styling rules here */ 
} 

Работает в IE и MS Edge. Протестировано в Windows 10.

Chrome не знает, находится ли Windows 10 в высококонтрастном режиме.

Answer 3

Если вы выполняете высокую контрастность в своем веб-приложении, используйте следующий блок кода для выбора контраста черного и белого и белого цвета. Это отлично работает в IE.

@media screen and (-ms-high-contrast: black-on-white) { 
       /* 
       Put your styling code............. 
       */ 

      } 
@media screen and (-ms-high-contrast: white-on-black) { 
       /* 
       Put your styling code............. 
       */ 

      }