任何人能解释发生了什么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方面会发生什么。
正如你所看到的行为改变,从而你的专业知识可以理解的。
你定义文本和背景为您的表单元素的颜色?
下面是引用列表中的相关标准Accessiweb 2.1: 在每一个网页,是为颜色元素的背景和字体的CSS声明正确使用? (银电平等WCAG 2.0 AA)
相关WCAG 2.0失败技术是F24:不指定的背景色,或反之亦然指定前景颜色
最近WebAIM后约对比度模式: http://webaim.org/blog/high-contrast/
关于谷歌主页:谷歌是著名的浏览器嗅探和重大的修改,根据浏览的网页,登录他们的服务或没有,JS激活。 它甚至会使用SPDY协议而不是HTTP(虽然不改变浏览器本身接收的内容)。
我不会考虑从该公司的浏览器之间的比较页)
如果要实现在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.............
*/
}
@media screen and (-ms-high-contrast: active) {
/* put your styling rules here */
}
在IE和MS边缘。 经测试在Windows 10。
浏览器不知道的Windows 10是处于高对比度模式。