javascript/cssでMAC OSの反転カラーモードを検出するにはどうすればいいですか？

Question

OSが高コントラストモードの場合、いくつかのコントラストを追加したいと思っています。 Windowsでは、

@media screen and (-ms-high-contrast: active) {} 

などのメディアクエリを使用してメディアクエリでこれを検出し、そこでそこから機能を拡張することができます。 Mac OSでこのようなメディアクエリがない場合、おそらくJSの選択肢がありますか？それとも、それを本当に見ることができないような低いレベルで色を反転させるのでしょうか？

Answer 1

いいえ。これはできません。

これは、意見や状況証拠に基づいて回答です：

1. 反転カラーモードは、Windowsのハイコントラストモードのように動作しません。 （ページ上の背景イメージを削除するなどして）コンテンツを変更することはないため、メディアクエリを介して利用できるようにすることは、エンドユーザーに利益をもたらすものではなく、むしろ悪用の手段となります。

2. アクセシビリティモードがアクティブ（ブール値AXAPIEnabled(void);）であるかどうかを判断するためのObjective-Cの機能は、置換がないことを示す10.9では廃止されました。あなたはsee it on the Apple Developer siteです。拡張機能によって、システムのレベルの開発者がアクセス権を失った場合、Web開発者も制限されることになります（ちょうどAppleScript writers seem to not have access）。

3. 一般に、支援技術の存在または補助機能のアクティブ化のテストは、最も必要とするユーザーに嫌われます。両方の善意の開発者がこれらの機能を壊している（おそらくはページを更新しない）、悪いアクターが誰かの個人的な健康情報を決めることを可能にする、本当のリスクを生み出します。

4. これを行う方法についてAppleからは何の書類も見つからない場合があります。また、これを行う方法があることを認めている場合もあります。私はアクセシビリティのコミュニティについても尋ねてきましたが、それは存在しないと思っています。

5. There was a plan for an inverted-colors CSS 4のメディアクエリですが、最新のドラフト（6.4 is now color-gamut）には含まれていません。それは一見軽いレベルのMQの方が好まれた。

誰かがあなたに明確な答えを与えてくれることを願っています。私はあなたがTwitterでApple Dev Relの皆さんを見て、ここで指示することをお勧めします（Apple Developer Programのメンバーではないと仮定しますが、あなたがそこに尋ねたと思われます）。

Answer 2

あなたが今サファリテクニカルプレビューでこれを行うことができます。

• 写真
• ：

  @media (inverted-colors) { 
      img.cancel-inversion { 
       filter: invert(1); 
      } 
  } 
  

  あなたは上でこれを使用する必要があります。テキストの

  • 画像（私が意味する、あなたがテキストの画像を使用しますが、そうでない場合は必要があります：あなたが上でこれを使うべきではありませんICNSっぽいアイコン画像（アプリのアイコンのようなものは大丈夫です）

  あなたには、いくつかの理由のために...それらの画像上でこの技術を使用していない必要があります）

• 装飾画像
• モノクログリフ（フォント、アイコンのように見えるもの）

我々は」しながら、この件については、今でも動きのメディアクエリをサファリの技術プレビューで減らしています。