京都市 ホームページ制作 会社 / アクセシビリティ・ユーザビリティ配慮
メルマガバックナンバー2009年4号
リンク画像にはリンク先を予測できる情報を提供する【5.4非テキスト情報b）】
【2009.4.29】毎月1回発行
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
障害者や高齢者をはじめ、誰もがアクセス可能なホームページについて
考えるwebアクセシビリティは、検索エンジン（SEO）対策に最も効果的です。
顧客拡大、売上増のための「アクセシビリティとSEOの融合」やホームページ
作成について出来るだけ簡単に解説いたします。
http://plus.revonet.co.jp
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
こんにちは、レボネット株式会社の坂井です。
4月も末にさしかかり、ゴールデンウィークを目前にすっかり
暖かくなりましたね。今日もはりきってまいりましょう。
このメルマガでは、ウェブアクセシビリティ技術向上のため、
誰でも支障なくウェブコンテンツを閲覧できるようにするため、
ウェブ技術向上の指針となるJIS規格を中心にお伝えしております。
本日は”リンク画像を設置する場合のリンク先情報の提供”
についてお伝えします。
---------------------------------------------------------------------
■リンク画像にはリンク先を予測できる情報を提供する【5.4非テキスト情報b）】
まずは、今回もこの項目について、JIS規格ではどのように
表現されているか参照しましょう。
”ハイパリンク画像には、リンク先の内容が予測できるテキストなどの
代替情報を提供しなければならない。”
前回、お伝えした画像を設置する場合の代替情報の提供と同様に、
リンク画像となる場合にもalt情報を提供しなければなりません。
それに加えて、リンク先のページがどのようなページなのかも
代替情報として提供する必要があります。
今回も代替情報を提供していない場合の問題点をみていきます。
□リンク先の代替情報を提供しない場合の問題点
・音声ブラウザでは、リンクであることは認識できても、
適切にリンク先の内容を把握できない。
・画像を表示できないブラウザを利用している方などは、
音声ブラウザ利用者と同様に、リンク先の内容を把握できません。
今回も、どのように代替情報を提供すべきか示します。
□リンク画像の代替情報 提供の仕方
・img要素のalt属性に記述する
・画像の近くにテキスト情報があり、どちらにもリンクをはる場合は、
alt属性は空の方が好ましい
※これは代替情報が繰り返しになり、音声ブラウザ利用者の
方にとっては、二度読み上げられ、閲覧の妨げとなるためです。
その場合、あえて空にしたことがわかるように表示する。
例 <a href="index.html">
<img src="image.jpg" width="200" height="50" alt="" />
</a><br />
<a href="index.html">
トップページへ戻る
</a>
以上、画像の設置にはalt属性などを用いて、代替情報を提供することが
求められておりますが、リンク画像とする場合は、リンク先の内容を
把握できるように代替情報を記載してください。
次回は、【5.4非テキスト情報c）】をお伝えします。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
【編集後記 SEO対策との関連について】
---------------------------------------------------------------------
今回の内容は、前回の内容にプラスしてリンク先がわかるようにするという
ことですので、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
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━