¿Qué le sucede realmente a CSS en modo de alto contraste?

Question

¿Alguien puede explicar lo que le sucede a CSS en modo de alto contraste?

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

En modo de contraste alto todas las imágenes y colores de fondo son ignorados - reemplazado con alto contraste de colores como el blanco sobre negro o negro sobre blanco . El otro problema es que las imágenes de fondo no siempre están impresas con .

¿Hay algo más que esto?

He iniciar sesión forma que se parece subóptima y estoy tratando de investigar.

Recientemente no había https://www.google.com/search?q=axs+aol+accesibility+library pero parece que ya no existe.

En general veo que hay dos enfoques:

1. Detectar HCM (modo de contraste alto) y ajustar CSS consecuencia
2. CSS Hecho más genérico para permitir que funcione en todos los modos

En cualquier Caso realmente me gustaría saber qué ocurre en el modo de alto contraste en términos de cambios a CSS.

Como se ve el comportamiento varía por lo que se aprecia su experiencia.

Answer 1

¿Definió los colores para el texto y el fondo para los elementos de su formulario?

Aquí es un criterio relevante de la lista de referencias Accessiweb 2.1: On each Web page, are CSS declarations for colours for element background and fonts used properly? (nivel de plata es igual a WCAG 2.0 AA)
Relevante WCAG 2.0 fracaso de la técnica es F24: specifying foreground colors without specifying background colors or vice versa

Un reciente post WebAIM sobre el modo de contraste: http://webaim.org/blog/high-contrast/

Sobre la página de inicio de Google: Google es conocida por el rastreo de buscadores y páginas muy modificadas dependiendo del navegador, conectado o no a sus servicios, JS activado o no. Incluso usará el protocolo SPDY en lugar de HTTP (aunque eso no cambia el contenido recibido por el navegador per se).
no consideraría páginas de esta empresa para las comparaciones entre los navegadores;)

Answer 2

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

Obras en IE y MS Edge. Probado en Windows 10.

Chrome no sabe si Windows 10 está en modo de alto contraste.

Answer 3

Si está implementando un alto contraste en su aplicación web, utilice el siguiente bloque de código para la selección de contraste negro sobre blanco y blanco sobre negro. Esto funcionará bien en 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............. 
       */ 

      }