14

ハイ コントラスト モードで CSS に何が起こるか説明できる人はいますか?

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

ハイ コントラスト モードでは、すべての背景画像と色が無視され、黒地に白や白地に黒などのハイ コントラスト カラーに置き換えられます。もう 1 つの問題は、背景イメージが常に印刷されるとは限らないことです。

これ以上のものはありますか？

ハイ コントラスト モードのログイン フォーム

最適とは言えないログインフォームがあり、調査しようとしています。

最近までhttps://www.google.com/search?q=axs+aol+accessibility+libraryがありましたが、もう存在しないようです。

一般に、次の 2 つのアプローチがあります。

  1. HCM (ハイ コントラスト モード) を検出し、それに応じて CSS を調整する
  2. すべてのモードで機能するように、CSS をより汎用的にしました

どちらの場合でも、CSS の変更に関して、ハイ コントラスト モードで何が起こるか知りたいです。

さまざまなブラウザでの Google.com

ご覧のとおり、動作はさまざまであるため、あなたの専門知識が高く評価されます。

4

4 に答える 4

7

フォーム要素のテキストと背景の両方の色を定義しましたか?

参照リスト Accessiweb 2.1 からの関連基準は次のとおりです。各 Web ページで、要素の背景色とフォントの色の CSS 宣言が適切に使用されていますか? (シルバー レベルは WCAG 2.0 AA に等しい)
関連する WCAG 2.0 失敗テクニックはF24 です: 背景色を指定せずに前景色を指定する、またはその逆

コントラスト モードに関する最近の WebAIM の投稿: http://webaim.org/blog/high-contrast/

Google ホームページについて: Google は、ブラウザのスニッフィングと、ブラウザ、サービスにログインしているかどうか、JS が有効になっているかどうかに応じて大幅に変更されたページで知られています。HTTP の代わりに SPDY プロトコルも使用します (ただし、ブラウザ自体が受信するコンテンツは変更されません)。
この会社のページをブラウザ間の比較に使用することは考慮しません ;)

于 2012-04-11T10:12:25.527 に答える
6

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.............
                */

            }
于 2017-06-27T13:22:01.900 に答える