고 대비 모드에서 실제로 CSS에 어떤 현상이 발생합니까?

Question

누구나 고 대비 모드에서 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

양식 요소의 텍스트와 배경색 모두에 색상을 정의 했습니까?

여기에 2.1 Accessiweb 참조 목록에서 관련 기준을이다 : On each Web page, are CSS declarations for colours for element background and fonts used properly?
관련 WCAG 2.0 실패 기술은 (실버 레벨이 WCAG 2.0 AA와 동일) F24: specifying foreground colors without specifying background colors or vice versa

대비 모드에 대한 최근 WebAIM 포스트 : http://webaim.org/blog/high-contrast/

소개 Google 홈페이지 : Google은 브라우저 스니핑 및 브라우저에 따라 크게 수정 된 페이지로 알려져 있으며 서비스에 로그인했는지 여부는 JS가 활성화되었는지 여부에 달려 있습니다. 심지어 HTTP 대신 SPDY 프로토콜을 사용합니다 (브라우저가 수신 한 내용은 변경되지 않지만 그 자체는).
내가 브라우저 간의 비교를 위해이 회사에서 페이지를 고려하지 않을 것이다) IE와 MS 가장자리에

Answer 2

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

작품. Windows 10에서 테스트되었습니다.

Chrome은 Windows 10이 고 대비 모드인지 여부를 알 수 없습니다.

Answer 3

웹 응용 프로그램에서 고 대비를 구현하는 경우 Black-on-White 및 Black-White 콘트라스트 선택을 위해 다음 코드 블록을 사용하십시오. 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............. 
       */ 

      }