問題タブ [high-contrast]

Web サイトをハイ コントラスト モードでアクセスできるようにしようとしています。ハイ コントラスト モードが有効になっていることを検出するために、背景画像が無効になっているかどうかを検出する JavaScript メソッドを作成しました。これは、ハイ コントラスト モードでは背景画像が無効になるためです。次に、ブラウザーがハイ コントラスト モードの場合は、CSS ファイルを追加して、ハイ コントラストで表示するための修正を行います。これは Firefox、Edge、および IE では正常に機能しますが、Chrome は独自の拡張機能を使用してハイ コントラストを作成し、背景画像を無効にしないため、Chrome ではハイ コントラスト用の CSS が追加されません。

検索の結果、ウェブサイトの色や画像自体を有効/無効/変更するのではなく、Chrome がウェブサイトにフィルターを追加することがわかりました。検索して検索しましたが、Chrome がハイ コントラスト モードを使用しているかどうかを確認するためにテストするものが見つかりません。どの拡張機能が使用されているかを検出する方法があれば、問題も解決しますが、それを行う方法を見つけることもできませんでした.

私のコードは実際には問題なく動作します。必要なのは、Chrome でハイ コントラスト モードを検出できることだけです。ハイコントラストモードをチェックするために私が使用する方法は次のとおりです。

d3 を使用して作成した単純なドーナツ チャートがあります。私のコードは非常にシンプルで、<text>要素を使用して追加したドーナツ チャート内にテキストがあります。この例のように似ていますが、はるかに単純です。

すべて正常に動作しますが、Windows のハイ コントラスト モード (alt + 左シフト + 印刷画面) でテストすると、このテキストは表示されません。テキストを黄色に変更すると、ハイ コントラストで表示されます。ただし、通常のユーザーの場合、これを黒にする必要があります。

これまでに試したこと: 1)ここで提案されている @media クエリを使用してハイ コントラスト モードを検出し、ハイ コントラスト モードの間のみ塗りつぶしの色を黄色に変更しようとしましたが、FF にはこれに関するバグがあるようです。2）このリンクから、色/境界線を透明に設定することを提案しました。まだ運がありません。

以前にこの問題に遭遇した人はいますか? これをアクセス可能にするために何をしましたか? NVD3 (D3 を使用) のサンプル ページをハイ コントラストで開こうとしましたが、テキスト要素にも問題があるようです。

通常モードの円グラフ:

ハイ コントラスト モードの円グラフ (テキストは表示されません):

VS 2015 以前では、設定はレジストリに保存されていましたHKEY_CURRENT_USER\SOFTWARE\Microsoft\VisualStudio\14.0_Config。この投稿によると、VS 2017 では、VS の複数のインスタンスをサポートするために、設定がレジストリから移動されました。

this SO answerによると、Windowsがハイコントラストモードのときにダークテーマを強制するようにレジストリを以前に編集していました。今、私はVS 2017で同じことをしたいのですが、この変更を行うために設定が保存されている場所を見つけることができません。

Visual Studio 2017 のこれらの設定はどこに保存されますか?

次のコードを使用して、Windows ハイ コントラスト モードを検出しています。白地に黒、黒地に白などの異なるテーマを使用している場合に、JButton の画像を切り替えてハイ コントラストをサポートしたいと考えています。

私の質問は、ハイ コントラスト モードがオンのときにテーマの色情報 (少なくとも背景色) を検出するにはどうすればよいですか?