色覚異常：あなたはそれを知っていますか？そのためにデザインをしていますか？

StackOverflow https://stackoverflow.com/questions/519692

質問

設計を行ったり、設計の決定を下したりする私たちの多くがこの問題について聞いたことがあるかどうかは気になります。

緑+赤など、危険な色の組み合わせがあることは承知しています。これはおそらく、色覚異常の最も一般的なケースの 1 つです。赤い背景に緑色のテキストがある場合、またはその逆の場合は、何も表示されない人もいます。

また、青い背景に緑色の文字が表示されている人が一人もいないことを実際に見てきました。

他にどのような色構成を避けるべきですか?また、そのようなケースはどのくらいの頻度で発生すると予想されますか?

誰がその数字を持っているかを、遭遇確率によって測ってみましょう。

追加：ほぼ全員に問題を引き起こす非常に悪い例を思い出しました。それは、黒の背景に青のテキストです。どう見ても解読不可能です。何がウェブマスターにこの色の組み合わせの使用を強いるのか、まったく理解できませんでした...

役に立ちましたか？

解決

私はそれはかなり一般的でなければならないと思うし、これを考慮していない開発者は、顧客の驚くほど高い割合をロックアウトする運命にあります。私の職場では、R＆D部門で約30人のうち、2はある程度の色盲目であり、一つは制限ビジョンである - 彼はどんな仕事を成し遂げるには、Windows「ハイコントラスト」のカラースキームを使用する必要があります。良いテストは、様々な高コントラストのスキームでアプリケーションを実行することです。あなたはそれを行っていない場合は、私はかなりそれが読めないことを保証することができます。あなたはより良いアクセスのためにこのようなスキームを処理できるようにする必要があります。

他のヒント

私自身色盲で、緑赤タイプなので、はい、これを考慮に入れます:)

他の人がリンクしている Web サイトに記載されている設計ガイドラインに従ってください。しかし、強調したい考えがいくつかあります。

  • ハードコーディング どれでも 色はあまり良いアイデアではないかもしれません。設定可能とスキン変更可能は良いことです。
  • 特に、インジケーターを「赤色 = 不良、緑色 = 良好」にハードコーディングするのは良いアイデアではない可能性があります。
  • そして、ハードコーディングすると、 同じ 「緑色の場合は良好、赤色の場合は不良」というインジケーターは明らかに悪い考えです。

（バッテリーは充電されていますか？）

私の直接の上司はそうはい、我々はこれを考慮に入れる、色盲です。 ; - ）

はい、間違いなくあなたが識別するための色および/またはデマーク方式のものを使用している場合には、それを考慮する必要があります。

クラシック場合は、一般に、赤、黄、緑信号灯スタイルの指標です。赤/緑色覚異常は非常に一般的です。あなたが考慮に入れ、これを取らなければならない、と他のもののホストアクセシビリティ法令を遵守する必要があるアプリケーションを作成する場合。

カナダのケベック州政府は、彼らの実際のトラフィックライトが異なる形状だけでなく、異なる色である限りこれを認識しています。本当に理にかなっています。

ウェブサイトは、彼らが色盲、聴覚障害者または何でもしているかどうか、皆のために応える必要があります。

英国の盲人王立研究所は、部分的に土地を選定人々のためのウェブデザイン上のいくつかの興味深い記事が掲載されています。 リンクテキストの

カラーコントラストリンクテキスト

との情報リンクを伝えるために色を使用しますテキストの

Windowsでは、あなたは、システムカラーのためのシステムを照会することができます。私はオールウェイズそれらを使用します。

すべてが読み取り可能な場合は、

あなたが、私はそれは大丈夫だと仮定し、高コントラストの画面設定を使用して、アプリケーションをテストすることができます。

これに私の目を開かれた記事はこちらです：ます。http：// msdn.microsoft.com/en-us/library/bb263953.aspxする

私はそれが出てくるんので、セクション508によって拘束されている米国のGOV部門のためのいくつかの作業を行ってきています。

赤/緑がはるかに最も一般的な形式ですが、他の人が存在する（特に黄/青と単色）ので、一般的に重要なことは、コントラストの高いレベルを維持することです。

は別に赤色+緑色から、色覚異常の別の比較的一般的なタイプは、青色と黄色である。

私たちのゲームを作成するときに

私たちは考慮色覚異常を取ります。我々は（アーケードライン）設計された1つのゲームでは、同じ色の列に並ぶ必要がありカラーボールを備えています。我々は、異なる色でなく、異なる形状（各色ごとに1形状）を持っているだけでなく、色盲の人のための特別なスキンを提供することにより、色覚異常を考慮してみました。

実は私は決してかかわらず、これをしました。しかし、今、私は私のアプリケーションは、いずれかの色に依存していたすべてのケースを思い出すことができないバック思考。テキストは、（赤または緑が時々使用されるが）ほぼ常に白または黒であり、背景色は主にちょうどいくつかの見た目ではなく、情報のために、かなり淡いあります。でも、私は今、この点に注意しておこう。これは、そのハードのWebページがちょっと-高コントラストであることをもらうんではありません。 ：）

赤緑色覚異常のタイプのみで最も一般的ではなくなることがあります。

グレースケール又はセピアトーンとして見たときに、

一般的に、ユーザー・インターフェースは、依然として可視および使用可能であるべきです。テキストおよび背景の色調としない色で純粋に識別可能な形状を可能にするためにコントラストの高いレベルを有していなければならない。

ビジュアルカラーを伴う要素はないユニークなアート/アイコンは、彼らが何を表すかのより詳細な説明を与えるために、テキストを添付することができます。
彼が言ったとき、私は...赤いボタンを押して、私の同僚が言ったとき、

私はこのハードな方法を発見し、「どちら？」私は彼がちょうど薄暗いされていたと思ったので、私はその後、彼は彼が盲目の色だったと私は愚かな感じだった私に言った..再び彼に告げます。

彼は、シグナリング・ソフトウェアを書く、今鉄道で働いています。良い仕事赤色光は常にトップにいずれかになります。）

あなたが考慮に色盲を取る必要がありますか？おそらくない、ちょうどあなたがほとんど許容1の代わりに、本当に良い仕事をしたい場合は、あまりにも大きなフォントのサポートのためにあなたの画面を設計していないが、あなたがすべき気に入っています。

私はかつて、色で区別異なるシリーズで散布を特色にし、社内アプリケーションを書きました。私の主なユーザーは、色盲（赤、緑、私は思う）であることが判明したので、私は、シンボルの変動に色を補足します。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top