사용자가 JavaScript 또는 CSS를 통해 높은 대비 모드인지 확인하는 방법

Question

누를 때 옮기다+왼쪽+대체+인쇄 Windows가 높은 대비 모드로 전환합니다. 웹 페이지에서이를 감지 할 가능성이 있습니까 (JavaScript 또는 CSS 사용)?

이를 감지 할 기회가 있습니까? HTTP-Request (일명 PHP 또는 Ruby를 통한 서버 측 예 :)?

Answer 1

에 따르면 이 기사는 CSS 스프라이트 사용에 대한 대비에 대한 기사입니다, 창에서 높은 대비 모드에서 배경 이미지는 "없음"으로 설정되어야하며 배경색도 변경해야합니다. CSS 스타일 시트를 무시해야합니다. 따라서 초기 렌더링 후에 JavaScript를 수행 할 수 있습니다. 그의 점검 데모 페이지 ( "높은 대비 모드에서는"FYI [NOT] 텍스트).

Mac (FYI 스위치를 사용하고 있습니다 Cmd + Alt + Ctrl + 8)) 그리고 그의 기술은 나에게 효과가 없지만 그는 창에서 작동한다고 말합니다.

작동하는 경우 JavaScript를 사용하여 CSS를 변경하거나 (세션) 쿠키를 설정하고 페이지를 다시로드하여 서버로 전달하고 서버 측 작업을 수행 할 수 있습니다.

Answer 2

다음은 (데스크탑)와 함께 Win8에서 저를 위해 작동합니다.

<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>

Windows Store 앱과도 작동해야한다고 생각합니다. 이것은 완전한 솔루션은 아니지만 약간 유용 할 수 있습니다.

MSDN DOC : @미디어, -MS-High-Contrast. 그만큼 고 대비 모드 설명도 언급 할 가치가 있습니다.

Answer 3

웹 애플리케이션에서 높은 대비를 구현하는 경우 다음 코드 블록을 사용하여 블랙 온 흰색 및 흰색 블랙 대비 선택을 감지하십시오. 이것은 IE에서 잘 작동합니다.

@Media 화면 및 (-ms-high-contrast : black-on-white) { / * 스타일 코드를 넣으십시오 ............. * /}

@Media 화면 및 (-ms-high-contrast : white-on-black) { / * 스타일 코드를 넣으십시오 ............. * /}