ナビゲーションメニュー・スキップ
ナビゲーションメニュー・スキップ
ウェブアクセシビリティ入門 第４０号
発行日 ：200５年９月１９日
- ウェブサイト
- ほかのページも 大事だが
- 何よりも大切 ページ本文
皆さんこんにちは。ウェブアクセシビリティ・プランナーの望月優です。
私が加入している経営者団体、東京中小企業家同友会の大イベントである今年の経営研究集会は、立教大学との共催で１０月２９日の土曜日に行われます。
今回は、５月にダイエーの代表取締役会長に就任された林文子さんの記念講演をはじめ、私の活動場でもある障害者委員会主催の分科会も元スワンベーカリー赤坂店で障害者軍団を率いて大きな利益を達成した増田秀暁さんを講師に迎えて準備万端です。
http://www.tokyo.doyu.jp/new/200507/new2005_07.html
■どんな方にも優しいウェブサイトを目指して■
このメルマガでは、具体例を交えながら障害者や高齢者にも優しいウェブサイト作りのヒントをお届けしています。
本日のメインテーマ：ナビゲーションメニュー・スキップ
ナビゲーションメニューとは？
ＷＥＢＪＩＳでは、「5.3 操作及び入力」で、次のように記載しています。
h) 共通に使われるナビゲーションなどのためのハイパリンク及びメニューは，読み飛ばせるようにすることが望ましい。
つまり、大きなサイトではほぼ間違いなく存在する、サイト内の各主要ページへのリンク集のことを「ナビゲーションメニュー」と呼びます。
訪問者をその方のニーズに応じてナビゲートするためのリンクメニューなので、このように呼ばれます。
なぜ「スキップ」？
これを、スキップできるようにしておく必要があるということですね。
なぜでしょう？
それは、ナビゲーションメニューはそのページの本文ではないからです。
別のページへとナビゲートして欲しい人とそのページの本文を読みたい人のどちらが多いのかは判りませんが、本文の方がナビゲーションメニューよりも重要度が低いということは考えられません。
音声で聞いている視覚障害者は、本文が出てくる前に常にナビゲーションメニューが出てくるようなサイトでは、どのページに行っても最初に同じナビゲーションメニューを聞かされることになります。
だから、特に本文のところまでスキップできるようにしておく必要があるのです。
ナビゲーションメニュー・スキップの重要性
ＷＥＢＪＩＳではこれを「望ましい」という表現で、推奨用件にしています。
しかし、私の「音声ブラウザ対応エッセンス」では、必須項目の３番目であり、「しなければならない」と表現して頂きたいほど重要なポイントです。
それは、本当にこのナビゲーションメニューが長いとわずらわしいからです。
ネット初心者の視覚障害者の場合、「また同じページなのか」と思い違いをして、本文にたどり着く前にメニューの中のどこかまた別のところをクリックします。
これを繰り返すと、結局目的の内容には到達せず、断念してしまう形になります。
登呂遺跡にあるねずみ返しに引っかかったねずみ状態ですね。
実は、これは昔の私の実物語でした。
スキップ方法
さて、それならば、どのようにしてスキップしてもらう仕組みを作るのでしょうか。
それは、ナビゲーションメニューの先頭に、「本文へスキップ」というページ内のリンクを貼ることです。
これで基本的にＯＫです。
実は、突っ込んだ話をしますと、スクリーンリーダーでＩＥを音声化して読んでいる環境においては、
< a href="#amedia">アメディア本文へ
- ・・
が正しく動作しないことがあります。
ただ、これは、もうウェブデザイナーさんの責任の範囲外だと私は考えています。
視覚障害者向けに開発されている音声ブラウザのホームページ・リーダーやボイスサーフィンの環境では全く問題ありません。
問題ないのがあたりまえなんですが・・・。
浜松セミナーのお知らせ
９月２５日（日）の午後１３時半から１６時半まで、浜松市ザザシティ中央館５階地域交流プラザで、「情報のユニバーサルデザインセミナー2005」というセミナーが行われます。
私も１時間ほどお話をさせて頂きます。
http://www.n-pocket.jp/friendlynet/20050925udweb.html
編集後記
びっくりしたーっ！
自由民主党にアクセスしたら、いきなり
自民党は、音声読み上げソフト等に対応できるＷｅｂページづくりを目指しています。
と読み上げました。
「目指しています」というのがちょっと謙虚で許せますね。
フレームは使っているしテーブルはばしばしだし、形式的には理想からはやや遠いところにありますが、実際音声で聞いていての体感は決して悪くないです。
■ウェブアクセシビリティは、どんな方にも読み易いサイト作りの心配りです
ウェブアクセシビリティのコンサルティングや講演を承ります。
アメディア発行のメルマガ紹介
アメディア及び望月優は、本誌のほかに、以下のメルマガを発行しています。
週刊福祉情報（まぐまぐ殿堂）
毎週木曜日に、障害当事者の心のこもったコラムや１週間の福祉ニュースのソースを届けしています。
関連ブログ＆サイト
視覚障害者の情報文化を紹介する「アメディアレポート」
毎月第２と第４火曜日に、視覚障害者のライフスタイルや視覚障害者に便利な最新技術情報などを紹介しています。
アメディアの社員が輪番で編集を担当していますので、編集人の個性が出て、毎号雰囲気が違うのも一つの楽しみです。
望月優の経営指針雑記帳～２１世紀を創造する企業を目指して！
企業家としての望月優が、自身の経営指針を掘り下げる過程で感じ取った生きがいのある人生や自立、成長、平和などへの思いを語ります。
発行理念
本誌は、ウェブサイト作りに取り組む皆様とその構築に責任を持つ方々が皆障害者や高齢者の存在に配慮したサイト作りに励んで頂くことを願って発行しています。
ウェブアクセシビリティの分野はまだ注目され始めたばかり、その具体的なノウハウの定番はまだほとんどないと言っても過言ではありません。
インターネット技術は常に進歩、変化しつつあります。その点からみると、いくら追求しても「定番」の確立はありえないのかも知れません。
本誌では、全盲の望月優が現在までに紹介されているノウハウと自らの考察による新しいノウハウを、全身全霊を込めて説明・紹介して行きます。
ウェブアクセシビリティに関して秘密にするノウハウは一切ありません。全てのサイトがアクセシブルになって欲しいからです。
私の誤解や知識不足から、誤った説明や不適切な提案をしてしまうことがあるかも知れません。それに気がついたときには速やかに訂正致します。
ですから、読者の皆様からの指摘や提案が非常に大きな手助けとなります。
このメルマガを通して、ゆるやかな「ウェブアクセシビリティ大連合」が形成されていくことを念じて、発行を続けて参ります。
セミナー、講演の依頼は下記ページよりご遠慮なく
本誌では、
「JIS X 8341-3 高齢者・障害者等配慮設計指針－情報通信における機器，ソフトウェア及びサービス－ 第3 部：ウェブコンテンツ」
をしばしば引用させて頂いております。
必要な方は、下記サイトからお求めください。
WebStore
メルマガ「ウェブアクセシビリティ入門」配信登録
「ウェブアクセシビリティ入門」に登録
ウェブアクセシビリティ教材
- Ｅブック-SEOの土台を築くウェブアクセシビリティ
- 第１回ウェブアクセシビリティセミナー～音声ブラウザ対応エッセンス
- 第２回ウェブアクセシビリティセミナー～SEOの基盤を構築するアクセシビリティ
- 第３回ウェブアクセシビリティセミナー～バリアフリーサイト作りの基本と実践
ウェブアクセシビリティ関連リンク集
- ウェブアクセシビリティ入門サイト
- メルマガ「ウェブアクセシビリティ入門」
- 株式会社アメディア・ウェブアクセシビリティガイド
- web content accessibility guidelines (WCAG) 雑記帳
奥付
〒169-0051
電話番号 ：03-5286-7511
FAX番号 ：03-5286-2567
アメディアのウェブアクセシビリティ・ガイドライン （参考にしてくださいね）
コメントはありません