誰でもわかる!SEO効果の高いアクセシビリティ対策 

【SEO効果の高いアクセシビリティ対策】識別しやすい配色にすることが望ましい【5.5色及び形c）】

【2009.11.24】毎月1回発行
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 障害者や高齢者をはじめ、誰もがアクセス可能なホームページについて
 考えるwebアクセシビリティは、検索エンジン（SEO）対策に最も効果的です。
 顧客拡大、売上増のための「アクセシビリティとSEOの融合」やホームページ
 作成について出来るだけ簡単に解説いたします。
　　　　　　　　　　　　　　　　　　　　　　http://plus.revonet.co.jp
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

　こんにちは、レボネット株式会社の坂井です。


　ただいま京都は、紅葉の観光シーズン真っ盛り！
　今週末が見頃で混雑もピークとなりそうです。
　年末に向けてはりきって参りましょう。


　このメルマガでは、ウェブアクセシビリティ技術向上のため、
　誰でも支障なくウェブコンテンツを閲覧できるようにするため、
　ウェブ技術向上の指針となるJIS規格を中心にお伝えしております。


　本日は”識別しやすい配色にすることが望ましい”こと
　についてお伝えします。


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

　■識別しやすい配色にすることが望ましい【5.5色及び形c）】


　まず、今回もこの項目について、JIS規格ではどのように
　表現されているか参照します。



　”画像などの背景色と前景色とは、十分なコントラストをとり、
　識別しやすい配色にすることが望ましい。”


　※コントラストとは
　・・・明るい部分と暗い部分の明暗の差



　■背景色の配色についての問題点

　弱視の方、色覚障害がある方、高齢の方は、背景色と前景色のコントラストが
　十分でないと、識別しにくい場合があります。

　例えば、
　白の背景に薄い黄色の文字をおく
　青の背景に紺の文字をおく
　など、非常に読みにくい画像となります。


　□背景色の配色についての対応策

　主な配色の心得としては以下の点が挙げられます。

　・写真の上に文字を配置する場合、単色の箇所に配置する、または
　　背景色に対し、コントラストのある文字色を使う。

　・背景画像を設置した場合、テキストは単色にする。

　・背景と文字に十分なコントラストが確保できない場合、
　　文字にコントラストのある縁取りをいれて見やすくする。


　以上のように画像、文字のデザイン配色の際は、
　1.コントラストの差
　2.色の組み合わせ
　に十分に配慮して、行ってください。


　文字の配色については、次回以降の”5.6文字”でも
　お伝えしますね。


　次回は、【5.6文字a）】をお伝えします。


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
【編集後記】
---------------------------------------------------------------------

　背景色、文字色の配色の設定に関連してのお話ですが、
　最近では、SEO対策のため、背景色と同じ文字色での隠し文字を
　している方はいないと思います。

　そのような方はいないにしても、白の背景にかなり薄いグレーの文字色にするなど、
　特定の文字をわかりにくくしているようなサイトは見かけることがあります。


　このような行為は、意図的にやっているにしても、ウェブサイトの全ての画像や文字は
　十分なコントラストを確保し、色の差をつけてデザインしてください。

　アクセシビリティ・ユーザビリティの第一歩となり、ユーザーに
　有益なサイトとなります。

　できるだけ見えにくい文字にするような小手先のSEOではなく、
　ユーザーに有益なSEO対策を行っていきましょう。

　前回の変動から3～4ヵ月後の12月末の今年中、
　または来年の年明けには、ヤフーのアルゴリズム変動が起こる予感がしますし、
　コツコツ積み重ねた王道のSEO対策が必要になってきていますね。

　それでは、また次回お会いしましょう。


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「誰でもわかる！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
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

• 前の記事
• 最新の記事
• 次の記事

規約に同意して

登録した方には、まぐまぐの公式メルマガ（無料）をお届けします。