在高對比度模式下CSS實際發生了什麼？

任何人都可以解釋什麼發生在CSS高對比度模式？在高對比度模式下CSS實際發生了什麼？

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

在高對比度方式的所有背景圖像和顏色被忽略 - 替換具有高對比度的顏色，如黑白色或黑色白色。另一個問題是背景圖像不總是打印。

還有什麼比這更多嗎？

我已經登錄表單，看起來不理想，我試圖調查。直到最近有https://www.google.com/search?q=axs+aol+accesibility+library，但它似乎不再存在。

一般來說，我看到有兩種方法：

檢測HCM（高對比度模式），調整CSS相應
製造CSS更爲通用，以讓它在每個模式

工作在兩種案例我真的很想知道高對比度模式在更改CSS方面會發生什麼。

Google.com in various browsers

正如你看到的行爲改變，從而你的專業知識可以理解的。

來源

2012-04-10 Michal Stefanow

您是否爲表單元素定義了文本和背景的顏色？

下面是引用列表中的相關標準Accessiweb 2.1：On each Web page, are CSS declarations for colours for element background and fonts used properly?（銀級等於WCAG 2.0 AA）
相關WCAG 2.0故障技術爲F24: specifying foreground colors without specifying background colors or vice versa

最近WebAIM後約對比度模式：http://webaim.org/blog/high-contrast/

關於谷歌主頁：谷歌是瀏覽器嗅探和根據瀏覽器大量修改的網頁，登錄他們的服務或不，JS激活與否。它甚至會使用SPDY協議而不是HTTP（儘管這不會改變瀏覽器本身收到的內容）。
我不會考慮從該公司的瀏覽器之間的比較頁）

來源

2012-04-11 10:12:25 FelipeAls

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

在IE和MS邊緣。測試在Windows 10中。

Chrome不知道Windows 10是否處於高對比度模式。

來源

2017-01-19 16:09:05 jazzcat

如果您在Web應用程序中實現高對比度，請使用以下代碼塊進行黑白對比和白對黑對比度選擇。這將在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............. 
       */ 

      }

來源

2017-06-27 13:22:01

在高對比度模式下CSS實際發生了什麼？

回答

相關問題