Wie kann man überprüfen, ob Benutzer in hohem Kontrastmodus via JavaScript oder CSS

Question

Wenn Sie Umschalttaste + links + Alt + Drucken Windows wechselt in hohem Kontrastmodus - gibt es Chance zu erkennen, dass auf einer Web-Seite (mit JavaScript oder CSS)?

Gibt es eine Chance, dass in der HTTP-Request zu erkennen (a.k.a der Server-Seite zum Beispiel über PHP oder Ruby)?

Answer 1

Nach diesem Artikel über die Verwendung von CSS Sprites in hohem Kontrast , in hohem Kontrastmodus auf Windows, Hintergrundbilder sollten auf „none“ gesetzt werden, und es ändert sich auch die Hintergrundfarbe. Dies sollte jedes CSS-Stylesheet überschreibt. So können Sie einige Javascript ausführen es nach dem ersten Rendering zu erkennen. Überprüfen Sie seine Demo-Seite (die "FYI [Not] in hohem Kontrastmodus" Text).

Ich habe Mac (FYI Schalter Cmd + Alt + Ctrl + 8) und seine Technik funktioniert nicht für mich arbeiten, aber er sagt, dass es unter Windows funktioniert.

Wenn es funktioniert, können Sie entweder einige JavaScript verwenden, um einfach Ihre CSS zu ändern oder eine (Session) Cookie gesetzt und laden die Seite an den Server zu übergeben und serverseitige Aktionen durchführen.

Answer 2

Die folgenden Werke für mich auf Win8 mit (dem desktop-) IE:

<style type="text/css">
// ...
@media screen and (-ms-high-contrast: active) {
   /* any rules may come here, for example: */
   .leftMenu a:hover { text-decoration: underline; }
}
// ...
</style>

ich denke, es auch mit Windows Store Apps arbeiten müssen. Dies ist keine vollständige Lösung, aber vielleicht ein bisschen nützlich.

MSDN doc: @media , -ms-kontrastreiche . Der Hochkontrastmodus Beschreibung ist auch erwähnenswert.

Answer 3

Wenn Sie einen hohen Kontrast in Ihre Web-Anwendung implementieren dann verwenden folgende Codeblock zum Erfassen schwarz-auf-weiß und weiß-auf-Schwarz-Kontrast Auswahl. Dies funktioniert im IE.

@media Bildschirm und (-ms-hohe Kontrast: schwarz-auf-weiß) {  / *  Setzen Sie Ihr Styling Code .............   * /   }

@media Bildschirm und (-ms-hohe Kontrast: weiß auf schwarz) {  / * Setzen Sie Ihr Styling Code ............. * /   }