[ 2] 色覚に障害を持っていたとしたら、あなたのサイトは見えるでしょうか ?
[引用サイト] http://www.microsoft.com/japan/msdn/columns/hess/hess10092000.aspx
クイック ナビ |ホーム|各国のサイトマイクロソフト サイトの検索:MSDN Home|MSDN Connection|MSDN ライブラリ|デベロッパー センター|ダウンロード情報 |MSDN フォーラム|更新情報
これまでの一連の記事では色に関連する問題について説明しましたが、皆さんの中から、色覚に障害を持つユーザーが見るのにふさわしい Web サイトの色を選択する方法について情報が欲しいとの要望が寄せられました。このような要望に応えて、このトピックについて調査しました。この要望を理解するのに役立つだけでなく、さらに読みやすい Web サイトを作成するのに役立つ情報を提供します。
まず、色覚に障害があるとはどういうことなのかを確認しましょう。色がまったくわからない、または物がすべてモノクロで見えるということではありません。"色覚不足 (認識可能な色が少ない)" という表現の方が適切でしょう。
すべては眼 (具体的には眼球の "錐体") から始まります。学校で、眼球には捍状体と錐体が含まれていて、これらが光を感じることを学びました。捍状体と錐体はこの感光を脳に伝え、脳で画像が構築されて私たちは周囲を見ることができます。
捍状体と錐体の基本知識について説明します。この基本知識を理解している方は、「ソリューションの発見」セクションに進んでください。
捍状体の数は錐体よりもはるかに多く、光のスペクトルの中央部分の明るさの違いに感応します。もし捍状体しかなければ、すべてがモノクロに見えます。眼球の錐体が色覚を提供します。錐体には 3 つの種類があります。
赤、緑、および青の領域は可視スペクトル内でほぼ均等ですが、L、M、および S 錐体の視感度は均等ではありません。これは少し混乱を招くかもしれません。特に L 錐体の視感度はスペクトルの赤の領域に集中していません。幸い、錐体のスペクトル視感度は、脳が色情報を解読する方法のほんの一部に過ぎません。そのほかの処理はこれらの視感度を考慮に入れます。
色覚の障害は、1 つ以上の種類の錐体がすべて正常なレベル以下で機能している、またはまったく機能していない場合に発生します。色覚に影響を与える遺伝子は X 染色体の一部であるため、色覚不足は女性よりも男性に強く影響します。男性の約 8% に何らかの色覚不足があるのに対し、女性で色覚不足がある人は約 0.5% に過ぎません。
ここでは、色覚不足の異なる形式の名前を紹介します。サンプルの色相環と各色のパレットを用意しました。色覚不足のさまざまな分類によって色がどのように見えるかを実際に参照する方法はほとんど見つかりませんでしたが、これらはスペクトルの表現として受け入れられているようです。これらを見ると、"赤"、"緑"、または "青" が見えないことと直接的にはまったく関連がない理由について少しとまどう可能性があります。ここでは 2 つの要因が働きます。1 つは、上記のグラフが示すように、錐体の実際の色の視感度はスペクトルの特定の領域内に直接的に集中していないことです。2 番目の要因は、色と画像を捍状体/錐体の応答と実際に関連付け、補足を試みながら色覚に障害のあるユーザーの見る色が変更されるようにする、脳での詳細な処理に関係します。
"第一色盲" は、男性人口の約 1% に影響します。第一色盲は赤の視感度がなく、赤の二色型色覚とも呼ばれます。可視スペクトルの赤の部分への視感度を提供する L 錐体の機能が失われていることが原因です。赤は可視スペクトルの端にあり、ほかの 2 種類の錐体の視感度とは部分的にしか重複しません。そのため、第一色盲の人にはスペクトルの赤側の端の光に対する視感度がありません。
"第二色盲" は、男性人口の約 1.1% に影響します。第二色盲は緑の視感度がなく、緑の二色型色覚とも呼ばれます。可視スペクトルの緑の部分への視感度を提供する M 錐体の機能が失われていることが原因です。スペクトル内の緑の位置、M 錐体 (緑) と L 錐体 (赤) の間の実際の視感度の重複、および S 錐体 (青) の視感度との部分的な重複により、第二色盲の人はスペクトル全体に対してほぼ正常に近いレベルの視感度を持っています。ただし、個々の色の区別は困難です。
"第三色盲" は、男性人口の約 0.001% に影響します。第三色盲は青の視感度がなく、青の二色型色覚とも呼ばれます。これは色覚不足のすべての形式の中で最も一般的でないもので、可視スペクトルの青の部分への視感度を提供する S 錐体の機能が失われていることが原因です。青はスペクトル内で赤とは反対側の端にあり、S 錐体の視感度はほかの 2 つの錐体と重複が少ないため、第三色盲の人のスペクトルに対する視感度の喪失はずっと深刻なものとなります。
"第三色弱" は青色弱を表しますが、色覚不足の形式として報告されたケースはないようです。全体的に見て S 錐体は眼球内の錐体の 10% に過ぎないためではないかと考えられます。異常に気付く頃には、大部分の錐体が機能しなくなっています。
上記のパレット内の色を見ると、何らかの色覚不足に苦しむ人々には、あなたが Web サイトに対して苦心して選択した色が確実に見えない様子がよくわかります。
実際、Web サイトでこのようなシナリオが発生することはあまりないと思います。"続行"、"ヘルプ"、または "終了" のラベルを付けたボタンを定義するほうが簡単です。ページ上で場所を取ることもありません。しかし、このようなことは、Web ページ上だけでなく、実際の生活でも起こります。
解決法は、ユーザーに伝える情報を示すために色を使用しないようにすることです。色は、ユーザーへの重要でないヒントとしてのみ使用します。
色に関する以前の記事で説明したように、色を選択する場合の 1 つの重要な要素は、テキストを読みやすくする前景色と背景色の際立ったコントラストです。これは、色覚の障害を配慮する場合には、さらに重要となります。
色覚に障害のあるユーザーが識別できる色の数は、色覚が正常なユーザーが識別できる色の数よりも大幅に少なく、色相環の近隣の多くの色は実質的に同一の色に見えることがわかります。このことがサイト設計に対して選択する内容にどのような影響を与えるかを確認するために、色の例について考えてましょう。
適切な色選択ではないことはわかっていますが、これが実際に多くのサイトで使用されている色選択です。これらの色は派手に見えるかもしれませんが、色覚が正常であれば、表示されているメッセージを読むことができます。しかし、色覚に障害がある場合にはどうでしょうか。
色覚に障害のあるユーザーにとって適切であることを示すには、グレー スケールに変更して色選択が適切に動作することを確認するだけで十分だと考える人がいるかもしれませんが、全く根拠がありません。画像が使用するパレットをグレー スケール パレットに変更して、どのように見えるか確認してみましょう。
これを見て、美しい配色とは言えないにしても色覚に障害のあるユーザーにとっては問題はないと考えるかもしれません。しかし、本当にそうでしょうか。もっと詳しく見てみましょう。今度は、色覚に障害のあるユーザーから見た内容により近づくパレットを適用します。
第三色盲の人は実際ここでは運が良いように見えます。彼らが見る色は私が正常な色覚で見る色よりも少し魅力的です。しかし、グレー スケール パレットは印象としては適切に思えますが、多くの色覚に障害のあるユーザーにとっては適切な色の組み合わせではないことがわかります。
適切な色選択を実践するデザイナであれば、決してこの特定の配色を選択することはありません。代わりに、情報を見やすくするために、コントラストの大きい色の選択をします。何らかの理由で、この "黄色の背景に対する緑色のテキスト" という色の組み合わせが必要だとします。デザイナーは何が行えるでしょうか。以前の記事で一方の色を濃くし、もう一方の色を明るくするとコントラストが大きくなることを学習しました。したがって、色調を変えずに明るさと彩度を変更してコントラストを向上させましょう。
この特定の色選択はそれでもあまり良い組み合わせではありませんが、元のものよりはずっと良くなりました。このような小さな変更だけでも、元の色選択の基本意図を保持しながら、色覚に障害があっても読むことができるテキストを作り出すことができます。
画像ファイルからカラー パレットを抽出し、"最も近い色" および "インデックスの保持" の両方を使用してパレットを適用できる PaintShop Pro (英語版) などの描画アプリケーションがある場合は、以下の画像で色選択をテストすることができます。"正常" の画像は 216 色の セーフ パレット (英語) を表します。そのほかの画像は同じインデックスを保持しますが、色覚に障害のある方が見える色を反映するように、色は変更されています。
これらの各画像のパレットを個別のパレット ファイルに保存したら、以下の手順に従って自分の画像をテストします。
"インデックスの保持" 方法を使用して色覚不足パレットのいずれかを適用します。
多数の描画アプリケーションがカラー パレットの使用および保持をサポートしますが、新しいパレットに切り替えられたときにカラー インデックスを保持するオプションを提供する場合があります。使用するアプリケーションがこの機能をサポートするかどうかわからない場合は、ソフトウェアの製造元または別のユーザーに問い合わせてください。
この実習が示すように、多くの場合、すべてのユーザーが適切に見ることができる色を選択することは非常に困難です。この困惑に加え、ユーザーによって色覚不足の程度もさまざまで、色の違いには大きな幅があります。次に、モニタが適切に調整されていない可能性を検討します。適切に調整されていないと、正常な色覚のユーザーでもコントラストが適切に見えません。これらの要因が組み合わさることにより、適切な色の選択が重要なだけでなく困難なものとなります。
Web サイトの色を選択するときに、ユーザーがページに表示される色を選択できるようにすることもできます。これは難しそうに見えますが、それほどではありません。カスケーディング スタイル シートのサポートには、"ユーザー スタイル シート" の概念が既に含まれていて、ユーザーは Web デザイナーが選択した内容よりも優先されるスタイルを指定することができます。ただし、このようなスタイル シートを一般のユーザーが構築することは困難な場合があり、Web ページのレイアウトを台無しにしてしまう可能性があります。
ユーザーとの作業をもっと簡単に行う方法は、ユーザーが Windows オペレーティング システムに対して選択した色と同じ色をさまざまな UI コンポーネントを表示するために利用する方法です。コントロール パネルの [画面] を使用して、ユーザーは Windows アプリケーションなどを表示および使用するための表示色を既に調整しています。同じ配色を使用した場合、Web サイトは安全です。ただし、この方法の欠点は、現時点では Microsoft Internet Explorer だけがこれらのキーワードを使用するため、"ブラウザ非依存" ではないことです。
ユーザーが Windows オペレーティング システムのテキスト色として選択した色がフォントの色に使用されます。
以下は使用可能なキーワードです。最初の一覧には、適切な "テキスト" と "背景" の色を組み合わせたキーワードが含まれています。
次の一覧には、一致するコントラスト色とペアになっていない色が含まれています。これらの色は背景またはテキスト色には適していません。名前が暗示する機能を反映する場合に使用する必要があります。
配色にこれらのシステム色を使用することに関心を持つユーザーがいる場合に備え、以前の記事に掲載した Dynamic HTML ツールをさまざまなシステム カラーを含むカラー パレットを提供する新バージョン (英語) に変更しました。
十分に考えなければならないことが多数あるように見えますが、ユーザーに提供しようとするコンテンツについて考え、ユーザーが実際にそれを読めることを確認することが重要です。単に綺麗に見える色の組み合わせを選択するだけでは十分ではありません。私たちすべてに影響する色覚の程度の違いを検討することも重要です。
Microsoft Accessibility Web サイト このサイトで、Microsoft はさまざまな障害を持つ人々がアプリケーションに簡単にアクセスできるようにする方法に関する情報を提供しています。また、Microsoft が自社のオペレーティング システムおよびアプリケーションに追加するユーザー補助機能に関する情報も記載されています。
「But Can They Read It? (...でもそれ、読めるの?)」 この記事では、Microsoft のアクセシビリティのディレクターである Greg Lowney が、アプリケーション設計において色が果たすさまざまな役割、および開発者がさまざまな種類の視覚障害を持つ人々がアプリケーションを使用できるようにするための方法について説明します。
|
[ 3] Amazon.co.jp： ハサミを持って突っ走る: 本: オーガステン バロウズ，Augusten Burroughs，青野 聡
[引用サイト] http://www.amazon.co.jp/gp/product/4901784560
1500円以上国内配送料無料でお届けします。（一部大型商品は除く）！詳しくはこちら。代金引換、コンビニ・ATM・ネットバンキング払い、Amazonショッピングカード™でもお支払いいただけます。
在庫状況（詳しくはこちら）: 在庫あり。 この商品は、Amazon.co.jp が販売、発送します。
以内にレジに進み、「お急ぎ便」オプション(有料)を選択して注文を確定された関東地方への配達のご注文が対象です。 詳しくはこちら');
アル中の父と精神病の母に放り出され、患者のような精神科医の奇妙な家で過ごした、痛ましくも可笑しい少年時代。青野聡入魂の訳による、小説よりも奇なる回想記。全米期待の大型新人による新感覚ノンフィクション。
ぼくたちは見えないものを追いかけて走っている-。アル中の父と精神病の母に放り出され、患者のような精神科医の奇妙な家で過ごした痛ましくも可笑しい少年時代。『ニューヨーク・タイムズ』ベストセラーリスト74週更新中。
あなたのレビューがサイトに載ります。 ※ カスタマーレビューは他のお客様により書かれたものです。ご購入の際はお客様ご自身の最終判断でご利用ください。
レビュアー：ハイライト - レビューをすべて見る登場人物全員が狂っている。その狂気のスピード感は心地良いほどだ。立ち止まることなく、自分のやりたいことをそのまま行動に移してしまう彼らは世間では疎んじられる存在だろう。けど、もしこんな変な人たちが友達だったら、きっと生きるのがすごく楽しい。それに、純粋で潔癖だったオーガステン少年が成長の過程でどんどん落ちぶれていく様は、おいおいいいのかよと一声かけてあげたくなるぐらいだが、その後天的な天衣無縫さはなんだか魅力的だ。普通じゃつまらん、当たり前のことは嫌いだと思っている人におすすめ。
レビュアー：chileee - レビューをすべて見る一気に読ませるだけの迫力とテンポを持った本。読み物として面白いだけでなく、自身が体験した生きることの悲惨さと可笑しさを淡々と語る著者の力量に圧倒される。なんとなく「生きにくい」、などと人生の途中で感じる時、その閉塞感を吹き飛ばしてくれるくらいのパワーがある「語り」ではないかと思う。
レビュアー：stereolife - レビューをすべて見るこの本は非常に読みやすく誰でも一気に読めるはずです。人は誰しも世間一般でいう不幸というものを持っていると思います。この本は実際のことが書かれており、内容は単純に言うならば一般といわれる人から見れば彼らの生活は異常極まりなく見えます。しかし流れていく時の中で、彼らなりの生きる術を身につけていく様子が、久々に生きることを考えさせてくれました。読み方によっては我々の日常に無いスリリングな物語を珍しがれる本、我々の今の生活は幸せなのだということを確認し現状に安心するだけの本になってしまう可能性があります。若い人で生きることに疑問を持っている人、難しく事を考えすぎる人に新しい力を与えてくれる本だと思います。
レビュアー： カスタマーものすごく、切なくてかっこいい物語だった。青野さんの訳もいいし。あまったるさのない、人生の真実の物語。一気読みしました。
レビュアー：yoshino919 - レビューをすべて見る新聞広告に載ってるのを見て興味を覚え読みました。涙が出るほど笑えるところ、息を詰めて読んだところ、ﾌﾂｰに生きてきた私には想像もつかないような日常をオーガステンは送っていたんだなと、時に苦しい思いで読みました。もう少し爽やかな読後感を期待してしまっていただけに「うーん…」といったところかな。
レビュアー：hi-c14 - レビューをすべて見るこれはおもしろかった。ぼく的には大好きです。しかし、とんだ回想録もあったもんだ。ほんと、アーヴィングの小説を地でいくような奇抜な登場人物テンコ盛りだった。愉快で、おもしろくて、でも切れ味鋭いナイフみたいに痛いところもあって、とにかく読ませる。訳者の青野聰さんが惚れこんだのもうなづける。すばらしいのが独創的な比喩の表現。まったく新しくて的を得た表現に思わず唸ってしまった。どうぞ、笑いと、厳しさと、クールさ、そしてほのかな憧れを抱かせるこの新しい世界をその目で味わってみてください。
ジャンル別 > 文学・評論 > 評論・文学研究 > 外国文学研究 > 英米文学
|
戻る |
