Home > デザイン > 色覚障害の人にも見やすい色使いを

KEN WEB BLOG ~WEB・DTPスクール パソコン教室 KENスクールのインストラクターがつづるブログ~

色覚障害の人にも見やすい色使いを

パソコンスクール パソコン教室 KENスクール 無料体験授業・無料相談はこちら 資料請求はこちら

先日、10数年ぶりに友人と会いました。


久々の再会だったのですが、その友人は幼少の頃からから
「赤が緑に見える」等、違う色に見えると言っていたのを思い出しました。


当時、私は友人が違う色を言っている時「何言ってるんだよー」
なんて思っていたのですが、小学生の時に分かるはずもなく、
大人になって改めて実感させられました。


色覚障害の持ち主ということです。


調べてみると、
「日本人の男性20人に1人、女性500人に1人、色覚障害の人がいる」
と記載がありました。
 

正直、そんなに多いとは考えておりませんでした。


私は、Webサイトや広告、ポスター等を制作する際、
配色のバランスは当然意識しております。
 

しかし、『違う色に見える』というのは深く考慮しておりませんでした。
 

反省しております。


何が言いたいのか?と言いますと、
『正常な視力の人のみがWebサイトを閲覧しているのではない』
ということです。


勿論、img要素にはalt属性を付けておりますが、画像だけではなく、
文書や背景色等も意識しなければならないということです。


読みやすい文字にするために、明暗の差を出す
というのは皆さんご存知かと思います。
 

コントラストも同様で、その差が大きいほど文字は読みやすくなります。
 

ですので、明暗の差とコントラストの差を意識しなければいけないということです。


東京大学の教授や、日本塗料工業会など共同で、
色覚障害や白内障の人にも見やすい色見本を昨年5月に作成したそうです。
 

色覚障害の人が見分けにくい色は分かっていたそうですが、
色覚障害の人達に考慮した色見本の作成は今回が初めてだったようです。


どのような色見本なのかといいますと、
「色覚障害を持っている人と持たない人を、延べ40人程度集め、
2000種以上の色の紙を見てもらい、全員が認識できる20色を選び出した。」
ということらしいです。


2000種類以上もの中から、20色ってすごいですよね。
 

これらの色を使って、今後は様々な用途で
色覚障害者に考慮したものを作ることができると思いますし、
WebやDTP等のデザイン業界でも徐々に浸透していくかと思います。


富士通のサイトでは、色覚障害の人の見え方をシミュレーションする
ColorDoctorというフリーソフトが配布されております。

http://jp.fujitsu.com/about/design/ud/assistance/colordoctor/download.html


また、色覚障害の人や白内障の人に配慮した
文字色と背景色の組み合わせをチェックできる
ColorSelectorというフリーソフトも富士通のサイトで配布されております。


見やすさを○と×で表記してくれるソフトです。

http://jp.fujitsu.com/about/design/ud/assistance/colorselector/download.html


皆さんも、配色の際には是非活用してみてください。

--------------------------------------------------------------------------------

パソコンスクール KENスクール新宿校 Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html

KENスクールでWebデザインを学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html

--------------------------------------------------------------------------------

KEN School 関西方面オープンしました!!

【関西ブログ】
http://www.kenschool.jp/info/contents/blog_kansai.html

【関西オープンページ】
http://www.kenschool.jp/info/contents/op_kansai.html

Trackbacks:0

TrackBack URL for this entry
http://web.kenblog.net/mt-tb.cgi/822
Listed below are links to weblogs that reference
色覚障害の人にも見やすい色使いを from KEN WEB BLOG ~WEB・DTPスクール パソコン教室 KENスクールのインストラクターがつづるブログ~

Home > デザイン > 色覚障害の人にも見やすい色使いを

Search
Feeds

Return to page top