この質問に別のカテゴリがあるかどうかわからないので、適切だと思われる場合は移動してください。
Web サイトに微妙な灰色の境界線があります。私にとっては、画面上で見栄えがします。ただし、友人の家や図書館の他の画面でテストしたところ、暗すぎる (見栄えが悪い) か、明るすぎる (ほとんど見えない) ように見えることがよくありました。
HTML/CSSを使用しています。これを説明する方法はありますか？
2 に答える
3
モニターを調整することはできますが、他の人があなたのサイトをどのように見ているかはわかりません。主なポイントは次の 2 つです。
- 視聴者のモニターがどれだけ優れているか (または劣っているか)、適切に調整されているかどうかはわかりません。
- すべての視聴者が完全な視力を持っているため、微妙な色の変化を検出できるかどうかはわかりません (モニターが最初に変化を表示できる場合)。また、あなたのサイトの訪問者の中には、何らかの形で色盲の人がいるかもしれません。
人々が少なくともある程度まともな（調整されていない）モニターを持っていると仮定すると、サイトの色のコントラストを評価することで、サイトの読みやすさとアクセシビリティを確認できます. サイトのテキストのセマンティックな意味を変更するために微妙な色の変更を使用しないでください。モニターが貧弱であったり、視力が悪いことを考慮する必要があります。
写真やアートワークを表示するビジュアル サイトは別の話です。微妙な色の変化でみんなを感動させたいのか、それとも視聴者が優れたモニターを持っているような人々であることを知っているのか、よくわかりません. ランダムなコンピューターを使用して色の選択をテストして以来、そうではないと思います。これは、ランダムな人々が次々とあなたのサイトを見る方法です (視力は考慮されていません)。
たとえば、「カラーコントラストアナライザー」をグーグルで検索してください。以下のランダムヒットのカップル。
- http://www.paciellogroup.com/resources/contrast-analyser.html
- http://juicystudio.com/services/luminositycontrastratio.php
- http://juicystudio.com/article/colour-contrast-analyser-firefox-extension.php
そして記事。
そして、色盲の人々を思い出させる何か。
- http://colorfilter.wickline.org/
- http://www.vischeck.com/vischeck/vischeckImage.php
- http://snook.ca/technical/colour_contrast/colour.html
これは重要なことなので、もう一度言います。人々があなたのサイトをどのように見ているかは決してわかりません。すべてが読み取り可能でアクセス可能であることを確認する必要があります。
他の人のモニターが気になる場合は、リンクまたはテスト画像を提供して、モニターが微妙な色の変化を表示できるかどうかを確認できます。たとえば、Dpreviewには、すべてのレビュー ページにテスト イメージがあります。これはテクニカル サイトでは許容されますが、アート サイトではユーザー エクスペリエンスが損なわれる可能性があります。テスト イメージのアイデアは、Lagom のページから見つけることができます。これはすべて、サイトの芸術的体験を向上させるのに役立ちます。つまり、ユーザーは、色の変化があるはずの単純な黒だけでなく、アートワークの最も深い黒を見ていることを知っていますが、実際の (テキスト) 情報は常に明確で目に見えるものでなければなりません (コントラストテキストと背景の比率が十分でなければなりません)。例を参照してください。
- http://colorusage.arc.nasa.gov/blue_2.php
- http://www.bestwebimage.com/archives/blue-text-on-black-background-bet-on-complaints/
楽しみのためだけに。自分自身をテストします。
- http://colorvisiontesting.com/online%20test.htm
- http://colorvisiontesting.com/ishihara.htm
- http://www.opticien-lentilles.com/daltonien_beta/new_test_daltonien.php
詳細については、Google の「カラー ブラインド テスト」を参照してください。
アクセシビリティは別のトピックです (色の話だけではありません)。スクリーンリーダーなどを使用する人々のためにサイトをコーディングする必要がある人々のための追加リンクはほとんどありません.ここフィンランドでは、私たちの公共部門のサイトはアクセシビリティだけでなく、大きな時間を費やしています...)
- Web アクセシビリティの検証: http://www.cynthiasays.com/
- http://www.accessifyforum.com/
- http://lists.w3.org/Archives/Public/w3c-wai-ig/
- Windows 用の画面読み上げソフトウェア (Mac 用の VoiceOver を使用): http://www.freedomscientific.com/products/fs/jaws-product-page.asp
最終的な考え。プレゼンテーションからコンテンツを分離することは、(ほぼ) すべての鍵です。レイアウトにテーブルを使用しないでください。インライン HTML スタイルを使用しないでください。CSS を使用してください。有効な HTML コードを記述し、ポップアップや派手な効果は使用しないでください。少なくともそれらに依存しないでください (そして、ルールには常に例外があります...)。グレースフル デグラデーションを念頭に置いてください: http://accessites.org/site/2007/02/graceful-degradation-progressive-enhancement/
（ほとんどトピック外の）更新の暴言で申し訳ありません。クールな Web ページをデザインするのではなく、誰もがコンテンツを利用できるようにしましょう。
于 2012-04-09T16:03:56.613 に答える
1
私が理解しているように、専門家が色に敏感な作業をしているとき、彼らは彼らが見ているものについて確信できるように彼らのモニターを調整しなければなりません。特定のオペレーティングシステムやブラウザで見られる色の違いを追跡できない限り、できることはあまりないと思います（ユーザーにブラウザ内の調整を行わせ、色を動的に調整させたい場合を除きます）。 。
于 2012-04-09T15:31:39.630 に答える