持っとは？/ セントラルファイナンス
[ 138] 色覚に障害を持っていたとしたら、あなたのサイトは見えるでしょうか ?
[引用サイト] http://www.microsoft.com/japan/msdn/columns/hess/hess10092000.aspx
|
これまでの一連の記事では色に関連する問題について説明しましたが、皆さんの中から、色覚に障害を持つユーザーが見るのにふさわしい Web サイトの色を選択する方法について情報が欲しいとの要望が寄せられました。このような要望に応えて、このトピックについて調査しました。この要望を理解するのに役立つだけでなく、さらに読みやすい Web サイトを作成するのに役立つ情報を提供します。 まず、色覚に障害があるとはどういうことなのかを確認しましょう。色がまったくわからない、または物がすべてモノクロで見えるということではありません。"色覚不足 (認識可能な色が少ない)" という表現の方が適切でしょう。 すべては眼 (具体的には眼球の "錐体") から始まります。学校で、眼球には捍状体と錐体が含まれていて、これらが光を感じることを学びました。捍状体と錐体はこの感光を脳に伝え、脳で画像が構築されて私たちは周囲を見ることができます。 捍状体と錐体の基本知識について説明します。この基本知識を理解している方は、「ソリューションの発見」セクションに進んでください。 捍状体の数は錐体よりもはるかに多く、光のスペクトルの中央部分の明るさの違いに感応します。もし捍状体しかなければ、すべてがモノクロに見えます。眼球の錐体が色覚を提供します。錐体には 3 つの種類があります。 赤、緑、および青の領域は可視スペクトル内でほぼ均等ですが、L、M、および S 錐体の視感度は均等ではありません。これは少し混乱を招くかもしれません。特に L 錐体の視感度はスペクトルの赤の領域に集中していません。幸い、錐体のスペクトル視感度は、脳が色情報を解読する方法のほんの一部に過ぎません。そのほかの処理はこれらの視感度を考慮に入れます。 色覚の障害は、1 つ以上の種類の錐体がすべて正常なレベル以下で機能している、またはまったく機能していない場合に発生します。色覚に影響を与える遺伝子は X 染色体の一部であるため、色覚不足は女性よりも男性に強く影響します。男性の約 8% に何らかの色覚不足があるのに対し、女性で色覚不足がある人は約 0.5% に過ぎません。 ここでは、色覚不足の異なる形式の名前を紹介します。サンプルの色相環と各色のパレットを用意しました。色覚不足のさまざまな分類によって色がどのように見えるかを実際に参照する方法はほとんど見つかりませんでしたが、これらはスペクトルの表現として受け入れられているようです。これらを見ると、"赤"、"緑"、または "青" が見えないことと直接的にはまったく関連がない理由について少しとまどう可能性があります。ここでは 2 つの要因が働きます。1 つは、上記のグラフが示すように、錐体の実際の色の視感度はスペクトルの特定の領域内に直接的に集中していないことです。2 番目の要因は、色と画像を捍状体/錐体の応答と実際に関連付け、補足を試みながら色覚に障害のあるユーザーの見る色が変更されるようにする、脳での詳細な処理に関係します。 "第一色盲" は、男性人口の約 1% に影響します。第一色盲は赤の視感度がなく、赤の二色型色覚とも呼ばれます。可視スペクトルの赤の部分への視感度を提供する L 錐体の機能が失われていることが原因です。赤は可視スペクトルの端にあり、ほかの 2 種類の錐体の視感度とは部分的にしか重複しません。そのため、第一色盲の人にはスペクトルの赤側の端の光に対する視感度がありません。 "第三色盲" は、男性人口の約 0.001% に影響します。第三色盲は青の視感度がなく、青の二色型色覚とも呼ばれます。これは色覚不足のすべての形式の中で最も一般的でないもので、可視スペクトルの青の部分への視感度を提供する S 錐体の機能が失われていることが原因です。青はスペクトル内で赤とは反対側の端にあり、S 錐体の視感度はほかの 2 つの錐体と重複が少ないため、第三色盲の人のスペクトルに対する視感度の喪失はずっと深刻なものとなります。 上記のパレット内の色を見ると、何らかの色覚不足に苦しむ人々には、あなたが Web サイトに対して苦心して選択した色が確実に見えない様子がよくわかります。 解決法は、ユーザーに伝える情報を示すために色を使用しないようにすることです。色は、ユーザーへの重要でないヒントとしてのみ使用します。 色に関する以前の記事で説明したように、色を選択する場合の 1 つの重要な要素は、テキストを読みやすくする前景色と背景色の際立ったコントラストです。これは、色覚の障害を配慮する場合には、さらに重要となります。 色覚に障害のあるユーザーが識別できる色の数は、色覚が正常なユーザーが識別できる色の数よりも大幅に少なく、色相環の近隣の多くの色は実質的に同一の色に見えることがわかります。このことがサイト設計に対して選択する内容にどのような影響を与えるかを確認するために、色の例について考えてましょう。 適切な色選択ではないことはわかっていますが、これが実際に多くのサイトで使用されている色選択です。これらの色は派手に見えるかもしれませんが、色覚が正常であれば、表示されているメッセージを読むことができます。しかし、色覚に障害がある場合にはどうでしょうか。 色覚に障害のあるユーザーにとって適切であることを示すには、グレー スケールに変更して色選択が適切に動作することを確認するだけで十分だと考える人がいるかもしれませんが、全く根拠がありません。画像が使用するパレットをグレー スケール パレットに変更して、どのように見えるか確認してみましょう。 これを見て、美しい配色とは言えないにしても色覚に障害のあるユーザーにとっては問題はないと考えるかもしれません。しかし、本当にそうでしょうか。もっと詳しく見てみましょう。今度は、色覚に障害のあるユーザーから見た内容により近づくパレットを適用します。 第三色盲の人は実際ここでは運が良いように見えます。彼らが見る色は私が正常な色覚で見る色よりも少し魅力的です。しかし、グレー スケール パレットは印象としては適切に思えますが、多くの色覚に障害のあるユーザーにとっては適切な色の組み合わせではないことがわかります。 適切な色選択を実践するデザイナであれば、決してこの特定の配色を選択することはありません。代わりに、情報を見やすくするために、コントラストの大きい色の選択をします。何らかの理由で、この "黄色の背景に対する緑色のテキスト" という色の組み合わせが必要だとします。デザイナーは何が行えるでしょうか。以前の記事で一方の色を濃くし、もう一方の色を明るくするとコントラストが大きくなることを学習しました。したがって、色調を変えずに明るさと彩度を変更してコントラストを向上させましょう。 この特定の色選択はそれでもあまり良い組み合わせではありませんが、元のものよりはずっと良くなりました。このような小さな変更だけでも、元の色選択の基本意図を保持しながら、色覚に障害があっても読むことができるテキストを作り出すことができます。 これらの各画像のパレットを個別のパレット ファイルに保存したら、以下の手順に従って自分の画像をテストします。 多数の描画アプリケーションがカラー パレットの使用および保持をサポートしますが、新しいパレットに切り替えられたときにカラー インデックスを保持するオプションを提供する場合があります。使用するアプリケーションがこの機能をサポートするかどうかわからない場合は、ソフトウェアの製造元または別のユーザーに問い合わせてください。 この実習が示すように、多くの場合、すべてのユーザーが適切に見ることができる色を選択することは非常に困難です。この困惑に加え、ユーザーによって色覚不足の程度もさまざまで、色の違いには大きな幅があります。次に、モニタが適切に調整されていない可能性を検討します。適切に調整されていないと、正常な色覚のユーザーでもコントラストが適切に見えません。これらの要因が組み合わさることにより、適切な色の選択が重要なだけでなく困難なものとなります。 Web サイトの色を選択するときに、ユーザーがページに表示される色を選択できるようにすることもできます。これは難しそうに見えますが、それほどではありません。カスケーディング スタイル シートのサポートには、"ユーザー スタイル シート" の概念が既に含まれていて、ユーザーは Web デザイナーが選択した内容よりも優先されるスタイルを指定することができます。ただし、このようなスタイル シートを一般のユーザーが構築することは困難な場合があり、Web ページのレイアウトを台無しにしてしまう可能性があります。 次の一覧には、一致するコントラスト色とペアになっていない色が含まれています。これらの色は背景またはテキスト色には適していません。名前が暗示する機能を反映する場合に使用する必要があります。 配色にこれらのシステム色を使用することに関心を持つユーザーがいる場合に備え、以前の記事に掲載した Dynamic HTML ツールをさまざまなシステム カラーを含むカラー パレットを提供する新バージョン (英語) に変更しました。 十分に考えなければならないことが多数あるように見えますが、ユーザーに提供しようとするコンテンツについて考え、ユーザーが実際にそれを読めることを確認することが重要です。単に綺麗に見える色の組み合わせを選択するだけでは十分ではありません。私たちすべてに影響する色覚の程度の違いを検討することも重要です。 |
セントラルファイナンスのサイトです。
