web-dev-qa-db-ja.com

デザインの色覚異常

私が色盲の人たちのために私たちのデザインに特別な注意を払うことが会社にとって有用であるかどうかを確認するために何人の人が色盲の影響を受けているかを調べるために少し調査をしています。

ほとんどの色盲の人々はその色相範囲(人口の8%!)に弱点があるため、赤緑の色相を避けることが重要である可能性があるという結論に達しました。

それを考慮して;色盲を意識したデザインへの取り組みについてお聞かせください。このテーマで何をすべきか、何をすべきでないか?

私は個人的に、製品を壊す機能に関するものでない限り、すべてのWebサイトが完全な色覚に配慮した環境を備えている必要はないと考えています。

9
SlaKrop

...色盲の方のために私たちのデザインに特別な注意を払うことが当社にとって有用かどうかを確認するため。

特定の色の組み合わせを見ることができないのは色覚障害のユーザーだけではありません-実際視覚障害者も見ることができないため、データが純粋に視覚的に表現されないようにする必要があります。

Webaimには、さまざまなタイプの色覚異常をカバーするこのトピックに関する役立つ情報があります http://webaim.org/articles/visual/colorblind 。ただし、この記事で取り上げる最も重要なことは、画面上で情報を表現するときに色のみに依存しないことです

ただし、主な種類の色覚異常は赤緑ですが、Webaimで概説されているように、他にもさまざまな種類があります。

赤緑色の失明:

色覚異常の最も一般的な広いカテゴリは、しばしば赤緑色の色覚異常と呼ばれますが、これはこれらの人々が赤または緑を見ることができないことを意味するものではありません。彼らは単にそれらを区別するのに苦労します。すべての赤と緑が区別できないわけではありません。たとえば、赤緑欠乏症の人は、薄緑と濃赤の違いを見分けるのは簡単です。多くは、少なくとも部分的には、色の濃さに依存します。赤が緑とほぼ同じくらい暗い場合、色が混同される可能性が高くなります。

その他の欠陥

  • 三色盲(青欠乏症)

    短波長に鈍感(ブルース)

  • ロッド単色性または色消し(色なし)

    このグループは、色覚異常の人々の中で非常に少数派を構成しています。目の錐体は機能していないので、桿体(明と暗のみを区別できる受容体)は、視覚情報の唯一の利用可能なソースです。色消しの人は色をまったく見ません。彼らは黒、白、そして灰色の色合いの世界です。彼らはしばしば視力が悪く、明るい光を嫌います。他のすべてのグループはいくつかの色を見ることができるため、これは「色覚異常」が適合するラベルである唯一のグループです。

課題と解決策

  • 赤と緑は区別できないことがよくあります。これは、色が重要な情報を伝える場合を除いて、通常は問題になりません。このような状況では、グラフィックを変更するか、同じ情報を取得するための追加の手段を提供する必要があります。多くの場合、これを行う最も適切な方法は、テキスト自体に説明を提供することです。
  • 他の色は区別できない場合があります。同上。

ただし、一般的には特定の色の問題よりもコントラストの問題が多くなります。 W3C WCAGガイドラインに合格するのに十分なコントラストのある色を使用してください。ここでwebaimの多くを言い換えたので、同じように続けることもできます。

色のコントラストに関するWebAimsページから

WCAG 2.0レベルのAAでは、通常のテキストの場合は4.5:1、大きなテキストの場合は3:1のコントラスト比が必要です。レベルAAAでは、通常のテキストでは7:1、大きなテキストでは4.5:1のコントラスト比が必要です。

したがって、一般的には、ほとんど問題なく装飾やスタイリングに色を使用できます。しかし、データやその他の情報を表現することに関しては、コントラスト比を通過し、情報を取得するために使用している色だけでなく、色を使用できます。

9
JonW