【2009.8.25】毎月1回発行
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
障害者や高齢者をはじめ、誰もがアクセス可能なホームページについて
考えるwebアクセシビリティは、検索エンジン(SEO)対策に最も効果的です。
顧客拡大、売上増のための「アクセシビリティとSEOの融合」やホームページ
作成について出来るだけ簡単に解説いたします。
http://plus.revonet.co.jp
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
こんばんは、レボネット株式会社の坂井です。
盆地のため、夏は何もしなくても蒸し暑い京都ですが、
お盆も過ぎ、涼しくなってきました。
そんな中、今日もはりきってまいりましょう。
このメルマガでは、ウェブアクセシビリティ技術向上のため、
誰でも支障なくウェブコンテンツを閲覧できるようにするため、
ウェブ技術向上の指針となるJIS規格を中心にお伝えしております。
本日は”コンテンツ内容は色だけに依存して提供してはならない”こと
についてお伝えします。
---------------------------------------------------------------------
■内容は色だけに依存して提供してはならない【5.5色及び形a)】
前回までの5.4非テキスト情報の次は、色及び形についてです。
今回もこの項目について、JIS規格ではどのように
表現されているか参照します。
”コンテンツ内容を理解・操作するために必要な情報は、
色だけに依存して提供してはならない。”
特にここでは、具体的に以下の二つの事例を挙げて説明しております。
1.お問い合わせなどの入力フォームにおいて、
”赤は必須項目”と表現されている場合
2.円グラフにおいて、色分けのみで領域が表現されている場合
□上記の二つの事例の問題点
1.視覚障害や色覚障害がある場合、必須項目を赤字にするだけでは
理解できない可能性がある。
2.視覚障害や色覚障害がある場合、円グラフの色分けの領域が
どれを指しているか認識できない可能性がある。
上記のような問題にどのように対応すべきか以下に示します。
□二つの事例 配慮の仕方
1.必須の項目には赤字での色分けだけでなく、赤字にすることと併用して
”(必須)”とテキストでも補足する。
2.円グラフの領域を色分けするだけでなく、色分けと併用して
引き出し線をつけて、どの領域がどれを指しているかテキストで補足する。
以上のような配慮をするため、以下の手段を用いて、色だけでなく、
正確に情報が提供されるか、確認することができます。
・モノクロ印刷をする
・音声ブラウザを利用する
上記を試して、提供している情報が理解できるようにしてくださいね。
次回は、【5.5色及び形b)】をお伝えします。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
【編集後記】
---------------------------------------------------------------------
コンテンツ内容が、色分けのみで情報を提供していないか
皆さんも一度、確認してみてください。
モノクロだった場合理解できるか、音声のみの場合理解できるか、
この二点で十分確認はできますね。
SEO対策の動向としては、最近はGoogleの順位も
比較的動くようになってきており、
また、MicrosoftとYahoo!が提携したことにより、
Yahoo!検索順位の変動が気になるところですね。
検索エンジンに依存して集客を行っている方には、
大変動が起こる可能性がありますので、Yahoo!だけに
依存しない集客を準備しておく必要がありそうですね。
それでは、また次回お会いしましょう。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「誰でもわかる!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
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━