京都市 ホームページ制作 会社 / アクセシビリティ・ユーザビリティ配慮
メルマガバックナンバー2010年2月号
フォントの色は、見やすい色を指定する【5.6文字c）】
【2010.2.23】毎月1回発行
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
障害者や高齢者をはじめ、誰もがアクセス可能なホームページについて
考えるwebアクセシビリティは、検索エンジン（SEO）対策に最も効果的です。
顧客拡大、売上増のための「アクセシビリティとSEOの融合」やホームページ
作成について出来るだけ簡単に解説いたします。
http://plus.revonet.co.jp
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
こんばんは、レボネット株式会社の坂井です。
京都では、今週から暖かくなって、外回りのバイクは
寒さが柔らいだので、過ごしやすくなってきました。
今回もはりきって参りましょう。
このメルマガでは、ウェブアクセシビリティ技術向上のため、
誰でも支障なくウェブコンテンツを閲覧できるようにするため、
ウェブ技術向上の指針となるJIS規格を中心にお伝えしております。
本日は”フォントの色の指定”
についてお伝えします。
---------------------------------------------------------------------
■フォントの色は、見やすい色を指定する【5.6文字c）】
まず、今回もこの項目について、JIS規格ではどのように
表現されているか参照します。
”フォントの色は、背景色などを考慮して見やすい色を
指定することが望ましい。”
□主な問題点
・フォントの色と背景色の組み合わせによって、
文字が読みづらい場合がある。
例えば、明度の高い白と明度の高い黄の組合せは
文字が判別しにくい。
また、色覚障害のある方や、白内障の方、高齢で
視力が低下した方、弱視の方は、特に明度の差がない
（コントラストの低い）文字は読みづらくなります。
□主な対応策
・明度の高い色と低い色との組合せにより、
明度の差（コントラスト）を確保して、
文字が判別しやすい組み合せの配慮が必要です。
・最善の策は、テキスト文字で、文字色と背景色を
指定しないことです。
白の背景色に黒の文字色が見やすいですね。
ホームページをデザインする上で、
CSSを利用した背景色の指定、
画像を作成する場合の背景画像の指定など、
背景は使用しない、または使用する場合は、
文字色との十分なコントラストをつけることが
求められていますね。
画像作成の際、背景画像を使用する場合、
文字色とのコントラストをつけられなくても、
境界線を使ってコントラストの差をつける
こともできますね。
背景と文字の色の組み合わせには十分に注意してください。
次回は、【5.7音a）】をお伝えします。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
【編集後記】
---------------------------------------------------------------------
”背景色と文字色のコントラストがない”ということで思い出すのは、
背景色と同じ文字色で隠しテキストをおく検索エンジンスパムですね。
さすがに現在のSEOでは全く効果がなく、ペナルティを受けるので、
やっている人はいないと思いますが、背景色と文字色の差が
わかりにくい場合も、隠し文字とみなされてペナルティを受ける
というようなこともあるそうです。
検索エンジンはCSSファイルまで見て、判断するなどと
いわれていますが、では、背景色の指定が#FFFFFFで白であり、
文字色の指定が#EEEEEEでかなり薄いグレーであるので、
ペナルティとされるのかといわれると難しい部分はあるかと思います。
Googleであれば、h1の見出しの箇所にキーワードをたくさん書いて、
CSSでdisplay:noneの指定をして、文字を隠すといったことをした場合、
ペナルティになることがありますが、やはりキーワードを過剰に
書いて、過度に検索エンジンをだまして上位表示をしようとした
悪質な場合のみです。
コントラストの差がないことでCSSファイルを参照してペナルティとなるかは
定かではありませんが、どちらにしても最近では、キーワードを
過剰に書いたからといって上位表示されるわけではありませんので、
正当なSEOで上位表示目指してがんばってください。
”MicrosoftとYahoo!の提携、欧州委員会と米司法省が承認”との
2010年2月のニュースを受けて、春くらいにbingに移行すると思っていたのですが、
2011年ころになるようですね。
Yahoo!JAPANはまだどうなるかわかりませんが、
いずれ追随することになるかと思います。今から準備が必要ですね。
それでは、また次回お会いしましょう。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「誰でもわかる！SEO効果の高いアクセシビリティ対策」
───────────────────────────────────
□ 発行元 ..... "アクセシビリティ・ユーザビリティを考慮した
京都のホームページ制作会社"
レボネット株式会社 http://plus.revonet.co.jp
ビジネスパートナー募集 http://www.revonet.co.jp/bp
スタッフブログ http://blog.livedoor.jp/revonet_sakai
京都府京都市下京区朱雀正会町24番地
TEL:075-344-3348 FAX:075-344-3343
□ E-mail ..... sakai@revonet.co.jp
このメールマガジンの転送は自由です。よろしければ転送してください。
----------------------------------------------------------------------
□ 発行周期 ..... 毎月1回
□ バックナンバー.. http://plus.revonet.co.jp/backnumber.html
■ メルマガ配信登録・アドレス変更・配信停止はこちらからお願いいたします。
まぐまぐ .... http://plus.revonet.co.jp/magazine.html
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━