京都市 ホームページ制作 会社 / アクセシビリティ・ユーザビリティ配慮
メルマガバックナンバー2008年10号
リンク・ボタンは操作しやすく【5.3操作及び入力g）】
【2008.12.24】毎月1回発行
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
障害者や高齢者をはじめ、誰もがアクセス可能なホームページについて
考えるwebアクセシビリティは、検索エンジン（SEO）対策に最も効果的です。
顧客拡大、売上増のための「アクセシビリティとSEOの融合」やホームページ
作成について出来るだけ簡単に解説いたします。
http://plus.revonet.co.jp
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
こんばんは、レボネット株式会社の坂井です。
第4火曜は祝日のため、一日ずらしてお送りさせていただきました。
今回もはりきって参りましょう。
このメルマガでは、ウェブアクセシビリティ技術向上のため、
誰でも支障なくウェブコンテンツを閲覧できるようにするため、
ウェブ技術向上の指針となるJIS規格を中心にお伝えしております。
本日はリンクのわかりやすさや、操作しやすさについてお伝えします。
---------------------------------------------------------------------
■リンク・ボタンは操作しやすく【5.3操作及び入力g）】
今回もこの項目について、JIS規格ではどのように
表現されているのか参照します。
”リンクおよびボタンは、識別しやすく、操作しやすくすることが
望ましい。”
□わかりにくい、操作しにくいリンクの例を以下に列挙します。
・高齢者や肢体が不自由な方にはマウスの細かい操作が難しい場合がある。
・目の不自由な方にはボタンが見づらい場合がある。
・音声ブラウザには、リンク部分のみ読み飛ばして閲覧できる機能があるが、
”こちら”などにリンクをされていると、リンク先の内容が把握できない。
・文字の色が同じ場合やアンダーラインがない場合など、リンクであることに
気がつかない場合がある。
・リンクテキストや画像が隣接しており、区切りを把握できない場合がる。
・リンク画像が小さすぎると、リンクを選択しにくい場合がある。
□わかりやすく、操作しやすいリンクへの配慮の仕方を以下に列挙します。
・リンクボタンはロールオーバー機能をつけるなど
リンクであることが推測できるデザインにする。
・リンク先の内容を記したリンクテキストにする。
・リンクテキストの色、アンダーライン、画像などサイト内の
リンク表記を統一する。
・隣接するリンクの間は、上下左右に十分な間隔をあける。
・適度なリンク範囲を確保できるよう、”こちら”だけでなく、
文字全体や大きな画像にリンクを設置する。
リンクやボタンなどを独自にデザインする場合、リンクやボタンであることが
わかるよう形状や配色に配慮し、操作しやすい十分な大きさを確保することが
求められております。
細かい部分ですが、統一性のあるわかりやすいリンク表記を心がけて
取り組んでください。
次回は、【5.3操作及び入力h）】をお伝えします。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
【編集後記 SEO対策との関連について】
---------------------------------------------------------------------
今回は、SEO対策との関連も深いリンク表記についてのお話でした。
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
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━