-->

实际发生在高对比度模式CSS?(What actually happens to CSS in hi

2019-06-23 12:02发布

任何人能解释发生了什么CSS在高对比度模式?

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

在高对比度方式的所有背景图像和颜色被忽略 - 取代具有高对比度的颜色,如黑白色或黑色的白色。 另一个问题是,背景图像并不总是打印。

有什么比这更?

我已经登录表单,看起来不理想,我试图调查。

直到最近有https://www.google.com/search?q=axs+aol+accesibility+library ,但它似乎并不不复存在。

一般来说,我看到有两种方法:

  1. 检测HCM(高对比度模式)并且相应地调整CSS
  2. 做CSS更为通用,以让它在每个模式下工作

在这两种情况下,我真的想知道高对比度模式更改CSS方面会发生什么。

正如你所看到的行为改变,从而你的专业知识可以理解的。

Answer 1:

你定义文本和背景为您的表单元素的颜色?

下面是引用列表中的相关标准Accessiweb 2.1: 在每一个网页,是为颜色元素的背景和字体的CSS声明正确使用? (银电平等WCAG 2.0 AA)
相关WCAG 2.0失败技术是F24:不指定的背景色,或反之亦然指定前景颜色

最近WebAIM后约对比度模式: http://webaim.org/blog/high-contrast/

关于谷歌主页:谷歌是著名的浏览器嗅探和重大的修改,根据浏览的网页,登录他们的服务或没有,JS激活。 它甚至会使用SPDY协议而不是HTTP(虽然不改变浏览器本身接收的内容)。
我不会考虑从该公司的浏览器之间的比较页)



Answer 2:

如果要实现在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.............
                */

            }


Answer 3:

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

在IE和MS边缘。 经测试在Windows 10。

浏览器不知道的Windows 10是处于高对比度模式。



文章来源: What actually happens to CSS in high contrast mode?