京都市 ホームページ制作 会社 / アクセシビリティ・ユーザビリティ配慮
メルマガバックナンバー2009年1号
ナビゲーションスキップの設置【5.3操作及び入力h）】
【2009.1.27】毎月1回発行
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
障害者や高齢者をはじめ、誰もがアクセス可能なホームページについて
考えるwebアクセシビリティは、検索エンジン（SEO）対策に最も効果的です。
顧客拡大、売上増のための「アクセシビリティとSEOの融合」やホームページ
作成について出来るだけ簡単に解説いたします。
http://plus.revonet.co.jp
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
こんばんは、レボネット株式会社の坂井です。
2008年も終わり、新しい年になりましたね。新しい目標を立てよい年にしましょう。
さて、今年もはりきって参りましょう。
このメルマガでは、ウェブアクセシビリティ技術向上のため、
誰でも支障なくウェブコンテンツを閲覧できるようにするため、
ウェブ技術向上の指針となるJIS規格を中心にお伝えしております。
本日はグローバルメニューなどのナビゲーションリンクのスキップに
ついてお伝えします。
---------------------------------------------------------------------
■ナビゲーションスキップの設置【5.3操作及び入力h）】
まず最初に、今回もこの項目について、JIS規格ではどのように
表現されているか参照しましょう。
”共通のナビゲーションなどのハイパリンクおよびメニューは、
読み飛ばせるようにすることが望ましい。”
□ナビゲーションスキップを設置しない場合の問題点
・グローバルメニューなどサイトのメインメニューを
ページの最初につける場合、音声ブラウザ利用者は
他のページに移動するたび、本文を読む前にメニューが
読み上げられます。
そのため、本文にたどりつくまでに時間がかかり
サイト閲覧の効率が悪くなります。
・ナビゲーションのメニュー部分が縦に長い場合、
ウィンドウに表示される本文が少なくなり、
コンテンツの閲覧の際、マウス・キーボード操作が
容易でない方にとって、下へのスクロールが増え、
効率が悪くなります。
□ナビゲーションスキップ設置の具体的な対策
・ページの最初、メニュー部分の前に、
グローバルメニューを読み飛ばせるスキップ機能を
つけておくことで、音声ブラウザ利用者は
メニューを読み上げることなく、すぐに本文に
たどり着くことができます。
HTMLには直接記述しますが、CSSを使って、画面には
表示させないようにしてスキップを設置する場合もあります。
・CSSを使用して、本文を先に読み上げ、メニュー部分を
後で読み上げるように設定する方法もあります。
このように設定した場合、メニュー部分にも移動できるように
リンクをする必要があります。
・スクロールが長くなってしまう場合の対処法は、
あまり長くなりすぎないように、デザインのユーザビリティにも
配慮するということだけです。
シンプルに解説すると、
メニューの前に本文へのナビゲーションスキップリンクを設置すること、
メニュー部分は必要最小限にとどめ、あまり長くなりすぎないようにすること
以上ですね。
アクセシビリティ・ユーザビリティ配慮のためにも取り組んでみてください。
次回は、【5.3操作及び入力i）】をお伝えします。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
【編集後記 SEO対策との関連について】
---------------------------------------------------------------------
今回の取り組みは、CSSを活用したナビゲーションリンクの設置や
メニューを長くしすぎないということにつきるため、直接的に
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
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━