プロが教える店舗&オフィスのセキュリティ対策術

WEBサイト構築中です。
配色で悩んでいます。

ネットで検索したのですが、よく分かりません。
この組み合わせは色盲の人に判別可能でしょうか。

背景色薄い緑 #DDFFDD
文字色濃い緑 #005080

背景色薄い緑 #DDFFDD
文字色赤 #FF0000

「色盲の人にこの配色は判別できますか?」の質問画像

A 回答 (6件)

擬似表示ソフトを試されてはいかがでしょうか?



下の図はそんな色覚表示の1つです。(http://www.hitachi.co.jp/universaldesign/product …
スペースの都合上他のタイプは載せませんが、他にもいくつかのタイプがありますので、「色盲 シミュレーション ツール」
検索してみてください。

あくまで、大体こんな感じくらいです。個人差もありますし、白~黒のグラデーションの方もおられます。他に白内障の方は白と明るい黄色の区別がつきにくいなど別の問題もあります。

celena さんは優しい方なんですね。celena さんが色で悩まれても零れ落ちた方の為に、ウェブ標準(見出しや段落などのマークアップを正しく行う)のサイトを作成されれば、ユーザースタイルシートでご自身が見やすいように表示することが出来る方もおられます。

参考になれば幸いです。ぜひとも、がんばってください。
「色盲の人にこの配色は判別できますか?」の回答画像6
    • good
    • 0

色の区別で一番問題になるのは、赤緑でしょう。

赤と緑は判別しにくい色ですのでこの場合は背景は兎も角、前景の色は青を基本とすると良いでしょう。あるいは逆に薄い青を背景にして前景を緑や赤でも良いでしょう。その場合緑と青は区別できないと考えると無難です。


ウェブコンテンツ・アクセシビリティ・ガイドライン1.0 CSS技術書 ( http://www.zspc.com/documents/wcag10-tech/css-te … )
→9 色
  9.1 色のコントラスト
  9.2 情報を色だけで表現しない
あたりが参考になるでしょう。{すぐできるテスト法:}テストしてください。
そこでも上げられている
Lighthouse International ( http://www.lighthouse.org/ )
 は、青を基調にしていますね。
    • good
    • 0

色盲といっても、人によって症状はまちまちだと思いますので、白・黒等と明らかに異なる色のみを使用するのが良いと思います。



どういったサイトを構築されているのかわかりませんが、色盲の人に限らず、他にいろんな障がいをお持ちの方がたくさんいらっしゃいます。

そういった方向けに作成しているのであれば、色は白と黒のみ使用する、文字の大きさを簡単に選べるようにする、音声でも案内できるようにする等々の工夫も考えたほうが良いかと思います。

大変だと思いますが、頑張ってみてください。
    • good
    • 0

色盲の症状は、個人差がありますが、一般的によく言われるものは、赤信号と青信号の赤と緑が明確に判別出来ない、ことが多くあるため、自動車免許などが取得出来ないのだそうです。



しかしながら、色盲は、男性にしか症状は出ないので、サイトの内容に寄りますが、赤や緑の文字はなるべく使用しなければ良いのではないでしょうか?

また、webデザイン書(配色例)を参考にされてみてはいかがでしょうか?
特別デザイン性に凝ったサイト構築でなければ、まず文字は 黒から灰色など 誰にもわかりやすい色を基本に選んだり、ということが多くのサイト例でも見受けられると思います。
    • good
    • 0

理論的には,輝度がある程度違えば判別できるはずです.



RGB から 輝度計算するには,

Y = 0.299*R + 0.587*G + 0.114*B なので,

#DDFFDD なら輝度は
Y = 0.299*(DD) + 0.587*(FF) + 0.114*(DD)
 = 0.299*221 + 0.587*255+ 0.114*221
= 240

#005080
Y = 0.299*(00) + 0.587*(50) + 0.114*(80)
= 0.299 * 0 + 0.587*80 + 0.114*128
= 61.552

なので,識別可能です.255が真っ白で,0が真っ黒です.
    • good
    • 0

色覚異常(色盲)と一口に言っても、全ての人で同じ症状が出るわけではありません。


人によって、どの色が識別できないのかは変わるので、全ての色覚異常の人が判別できるWebサイトを作ろうとするなら白黒の2色表示にするくらいしないと厳しいかも。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!