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

8

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

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

In high contrast mode all background images and colors are ignored — replaced with high contrast colors such as white on black or black on white. The other issue is that background images are not always printed.

Is there anything more than this?

login form in high contrast mode

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

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

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

Detect HCM (high contrast mode) and adjust CSS accordingly Made CSS more generic to let it work in every mode

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

Google.com in various browsers

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

Ваш Ответ

3   ответа
4

используйте следующий блок кода для выбора контраста чёрного на белом и белого на чёрном. Это будет хорошо работать в 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.............
                */

            }
6

Вот соответствующие критерии из списка ссылок Accessiweb 2.1:Правильно ли используются CSS-объявления для цветов фона элемента и шрифтов на каждой веб-странице? (Уровень серебра равен WCAG 2.0 AA)
Соответствующий метод отказа WCAG 2.0F24: указание цветов переднего плана без указания цветов фона или наоборот

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

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

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

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

Похожие вопросы