Was passiert eigentlich mit CSS im Hochkontrastmodus?

Question

Kann jemand erklären, was mit CSS im Hochkontrastmodus passiert?

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

In hohem Kontrast-Modus werden alle Hintergrundbilder und Farben werden ignoriert - mit hohem Kontrast Farben wie weiß auf schwarz oder schwarz weiß auf ersetzt. Das andere Problem ist, dass Hintergrundbilder nicht immer gedruckt werden.

Gibt es etwas mehr als das?

Ich habe Formular anmelden, die suboptimal, und ich bin versucht zu untersuchen schaut zu.

Bis vor kurzem gab es https://www.google.com/search?q=axs+aol+accesibility+library, aber es scheint nicht mehr zu existieren.

Generell sehe ich es zwei Ansätze:

1. Detect HCM (Modus mit hohem Kontrast) und stellt CSS entsprechend
2. Hergestellt CSS generischere lassen

In in jedem Modus arbeiten entweder Fall möchte ich wirklich wissen, was passiert in High Contrast-Modus in Bezug auf Änderungen an CSS.

Wie Sie sehen das Verhalten ändert sich so Ihr Know-how geschätzt wird.

Answer 1

Haben Sie Farben für Text und Hintergrund für Ihre Formularelemente definiert?

Hier ist ein relevantes Kriterium aus Referenzliste Accessiweb 2.1: On each Web page, are CSS declarations for colours for element background and fonts used properly? (Silber Ebene WCAG gleich 2,0 AA)
Relevante WCAG 2.0 Failure Technique ist F24: specifying foreground colors without specifying background colors or vice versa

Ein kürzlich WebAIM Beitrag über Kontrastmodus: http://webaim.org/blog/high-contrast/

über die Google-Homepage: Google ist bekannt für Browser-Sniffing und stark modifizierte Seiten, je nach Browser, bei ihren Diensten angemeldet oder nicht, JS aktiviert oder nicht. Es wird sogar das SPDY-Protokoll anstelle von HTTP verwenden (obwohl dies den Inhalt nicht ändert, der vom Browser per se empfangen wird).
Ich würde nicht der Ansicht Seiten von dieser Gesellschaft für Vergleiche zwischen den Browsern; Rand)

Answer 2

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

Arbeiten in IE und MS. Getestet in Windows 10.

Chrome weiß nicht, ob Windows 10 im kontrastreichen Modus ist.

Answer 3

Wenn Sie einen hohen Kontrast in Ihrer Webanwendung implementieren, verwenden Sie den folgenden Codeblock für die Kontrasteinstellung Schwarz-auf-Weiß und Weiß-auf-Schwarz. Dies funktioniert in 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............. 
       */ 

      }