2004/12/14
ナビゲーションスキップ機�[ホームページバリアフリー度鑑定団]
===================ホームページバリアフリー度鑑定団=================== 2004/12/14発行 前回の発行部数:[まぐまぐ]:351、[melma!]:95 http://www.sf-dream.com/ ホームページバリアフリー度鑑定団は、だれもが平等にインターネットを楽 しめる環境を実現させることを目的に発行しているメールマガジンです。 ◆◆--------------------------- ホームページバリアフリー度鑑定団 ◆◆ ---------------------------------------------------------------------- 【今回の内容】 ◎ナビゲーションスキップ機能 ◎『まぐまぐメルマガ大賞２００４』投票お願いします ◎後記 ◎ホームページバリアフリー度鑑定団からのお知らせ ---------------------------------------------------------------------- ------------------------------------------------------------------------ あなただけの独占広告を激安価格で、３万人以上にお届けいたします。 ┏━┓┏━┓┏━┓┏━┓ ●独自配信システムでお届け先の重複無し。 ┃独┃┃占┃┃広┃┃告┃ ●複数のメルマガの累積配信ではありません。 ┗━┛┗━┛┗━┛┗━┛ ●３１５０円〜の安価お試し価格も魅力！ ネットビジネスの成功の秘訣は、有効な情報配信ツールの活用が鍵！ ＜ターゲットが明確＞メール配信スタンドのお届先は副業・起業をお考えの方や ＨＰ開設者が多くビジネスに関連した情報配信に特に効果が期待できます。 差込広告ではなく、あなただけの独占広告ですので注目度もアップします。 http://www.sf-dream.com/magazine/tr/tr.cgi?id=dokusencm ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ------------------------------------------------------------------------ ---------------------------------------------------------------------- ■ナビゲーションスキップ機能 ---------------------------------------------------------------------- どうもこんにちは。バリカン事務局のDreamと申します。 またまたすっかりご無沙汰しております。お元気でお過ごしでしょうか？ さて数ヶ月ほど前のことになってしまいますが、ある読者の方からこのよう なメールをいただきました。 ---------------------------------------------------------------------- 以下の日刊スポーツコムのページで記事を読んでいたところ ページの頭からＴａｂキーで２４回ぐらい移動した所にある ページメニューを飛ばす というリンクをクリックするといきなり記事の頭に フォーカスが移動するのですが こんなスクリーンリーダーでしか利用できない、しかし私達にとっては有りがた い機能が こんなごく普通のサイトで最近では使用されるようになってきたのでしょうかね http://www.nikkansports.com/ 他にもスクリーンリーダーでしか利用しない様なリンクがいくつかある様にも感 じるのですが このサイトだけなのでしょうかね でも、これって目の見える人にとっては何も役に立たないですよね スクリーンリーダー様リンクですと 説明も書いてないし、かえって困惑されるのではないでしょうかね ---------------------------------------------------------------------- メールありがとうございます。 ご紹介のページを確認してみました。確かにページを開いてからTabキーを ２０回あまりぐらい押すと「ページメニューをとばす」というリンクがあり、 それをクリックすると記事の先頭から読み始めますね。 これは「ナビゲーションスキップ」と呼ばれる機能です。これが付けられて いるので代表的なのがIBMのページです。 http://www.ibm.com/jp/ ページの先頭に「本文にジャンプ」というリンクがあります。これをクリッ クするとメニューがとばされ、本文の頭から読み始める仕組みになっていま す。 実はこの機能、今年の６月にWebアクセシビリティのJIS規格である「JIS X 8341-3」というのが制定されましたが、それにこのナビゲーションスキップを 付けるようにというような項目が盛り込まれているんです。そういう意味では 今後この機能が付いてページが普及するかもしれません。 >でも、これって目の見える人にとっては何も役に立たないですよね とのことですが、これは議論の分かれるところです。画面で見ていてもあっ た方がいいという人もいます。ですが、たいていの人には必要ないのかもしれ ません。私にはよく分からないので、画面を見ている方からのご意見をいただ ければ幸いです。 >スクリーンリーダー様リンクですと >説明も書いてないし、かえって困惑されるのではないでしょうかね 私も疑問に思ったので調べてみました。 見える人がいたら日刊スポーツのページを確認してもらえるといいのです が、実は、この「ページメニューを飛ばす」のリンクは画面に表示されていな いはずです。 では「どうやって画面に表示させずに音声ブラウザだけで読み上げるテキス トを作っているのか」という疑問が出てくると思います。この疑問は日刊スポ ーツのページのHTMLソースの該当個所を調べると答えが分かります。 まず、透明なダミーの画像を用意するんです。そして、その画像の幅と高さ を１ピクセルに設定します。こうすると画面にはなにも表示されません。 そしてHTMLから画像を表示させるときに、ALT属性というのを指定すること になっています。これは画像が表示できない環境や音声ブラウザのために付け るもので、画像の説明を記述するためのものです。「代替テキスト」と呼ばれ ています。ここに「ページメニューを飛ばす」と書いておくわけです。 つまり、画面を見ている人には透明な画像なのでそこにはなにも表示され ず、音声ではAlt属性を読み上げますので「ページメニューをとばす」と読む わけです。これで画面に表示されない音声ブラウザだけが読み上げるテキスト が作れるというわけです。 具体的にHTMLの例を示してみましょう。 ---------------------------------------------------------------------- <a href="#body"> <img src='space.gif"' width="1" height="1" alt="ページメニューをとばす"> </a> ---------------------------------------------------------------------- こんなような感じになります。HTMLの本文が始まる部分には ---------------------------------------------------------------------- <a name="body"></a> ---------------------------------------------------------------------- のように、アンカータグを挿入しておきます。 そして「space.gif」という透明な画像を用意します。 以上でできあがりです。 しかし日刊スポーツのページで気になったのですが、通常「ページメニュー をとばす」というリンクはページの先頭付近に付けるべきではないでしょう か。先頭からTabキーを２０回以上も押したところに付けたのではそこまで読 まなければとばせないわけですし、ユーザーが気づかない可能性があります。 これではせっかくの機能がだいなしです。 単に「付ければいい」というのではなく、ユーザビリティを考える必要があ るのではないかと思います。そういう意味では残念ですが「ちょっと配慮が足 らないのではないか」といわざるを得ません。「JIS規格にあるから付けただ けなんだろう」ともいいたくなります。 せっかくのナビゲーションスキップ機能、もう少し工夫して作っていただけ たら、大変使いやすいページになると思います。 ====☆PR☆========================================================== ウソではありません、３ヶ月に１度、抽選で現金１０００万円をさしあげます！ 登録無料ですから宝くじのようにリスクがありません！！ さらにポイントをためるとすてきな商品と交換できます。 〜 D r e a m M a i l 〜 http://www.sf-dream.com/magazine/tr/tr.cgi?id=dreamail =================================================================== ---------------------------------------------------------------------- ■『まぐまぐメルマガ大賞２００４』投票お願いします ---------------------------------------------------------------------- まぐまぐでは、まぐまぐで発行されている28,632誌のメルマガの中から、今 年もっとも輝いたメールマガジンを、読者さんの推薦と投票により決定する、 年の瀬限定スペシャルイベント『まぐまぐメルマガ大賞２００４』を開催して います。 実は、私の発行しているもう一つのメールマガジン『すぐ使える！インター ネット１００倍活用テクニック』が、コンピュータ・インターネット部門にノ ミネートされました。現在ノミネートされたメルマガの中から大賞を決定する ための投票が行われています。 そこで、是非『すぐ使える！インターネット１００倍活用テクニック』に投 票してください。投票ページは http://www.mag2.com/events/mag2year/2004/ こちらです。 まず、各部門で今年“最も輝いていた☆メルマガ”を選びます（該当するメ ールマガジンがない場合は「-」を選択してください）。コンピュータ・イン ターネット部門は「すぐ使える！インターネット１００倍活用テクニック （ID：0000118229）」を選んでいただければ幸いです。 つぎに、総合大賞を記入します。ここは各部門にノミネートされているメル マガの中から、最も大賞にふさわしいと思われるものを選んで投票します。こ こには以下のようにご記入ください。 メールマガジンタイトル: すぐ使える！インターネット１００倍活用テクニック マガジンID: 0000118229 そのメールマガジンを選んだ理由を教えてください: （ここにあなたのおすすめのコメントを書いてください） ご自身のメールアドレスをご入力ください: （あなたのメールアドレスを書きます） 詳しいことは投票ページの説明をよくお読みの上行ってください。 投票するとまぐまぐから抽選で、全国 のローソンで使えるローソンお買い 物券500円分を100名様に！2004年大ヒット商品（？）夢見工房を3名様に！プ レゼントされます。 是非あなたの清き一票をお願いいたします。 それにしても、何だか選挙に出馬したような気分ですね。 「そんなこといって、あんたは選挙に出たことがあるのか？！」 ありませんでした。 ---------------------------------------------------------------------- ●あなたのサイトで副収入を得ませんか？ あなたはご自分のサイトで商品を売って収入を得手みたいと思いませんか？ もしそう思われるのでしたら是非チャレンジしてみてください。資本金なしで 開店することができますので、ノーリスクでネットショップを運営できます。 なぜ無料なの？と思われる方も多いと思います。それは、成果報酬型のアフ ィリエイトサービスプログラムだからです。アフィリエイトとは（提携する） と言う意味で、成果報酬型とは成果があって、初めて報酬が貰える仕組みで す。 つまり、無料で仕入れた商品画像を自分の運営するホームページに貼り付 け、その画像経由で、商品が売れて初めてお金が貰えるということです。 その結果、商品提供している側（卸会員）も、画像を貼り付けた側（販売 店）も、双方が得をする仕組みとなっています。 また、成果報酬は5％から最大45％と業界トップレベルです。仕入れ画像も 自分で好きな画像を選べますので、自分好みのショップを作り上げることがで きますよ。 もっと詳しく知りたい方、興味がある方、登録したい方は、下のページから 覗いてみてください！ http://www.sf-dream.com/magazine/tr/tr.cgi?id=hanbai ちなみに、Dreamはここから毎月数万円の収入を得ています。すごい人にな るとこれだけで生活している人もいるとか・・・。あなたも是非チャレンジし てみてください。 ●商品を売ってもらいたい方（ネットショップオーナー様）＝卸会員 つぎにご自分の商品をお持ちの方への情報です。 どんなにいい商品だって、お客さんが見てくれないと売れませんよね。 インターネット上でたくさんの人に商品を見てもらおうと思うと、なかなか 大変です。ショップオーナーさんも、ネット上の宣伝には、かなり苦労してい ると思います。 しかし、簡単にローリスクで商品を売る方法があります。それが（株）ウェ ブシャークが運営する電脳卸のアフィリエイトシステムです。あなたの会社の 商品を30,000以上もある個人・法人の販売店さんが紹介してくれるのです。報 酬も成功報酬型なので、売れたときにだけ報酬を支払えばいいので、損するこ とはありません。 また、普通出店するには高額のお金が掛かりますが、なんと月々6,800円か ら利用可能です。 他にもたくさんのメリットがあります。もし、興味を持たれた方や、詳しく 知りたい方は下記リンクから資料請求をしてみてください。あなたの売りたい 商品が大ヒット商品になるかもしれませんよ。 http://www.sf-dream.com/magazine/tr/tr.cgi?id=deoroshi 参加卸会員様や、掲載商品を見てみたい方は、電脳卸のショッピングモール バージョン「ストアミックス」で確認してみてください。 http://www.sf-dream.com/magazine/tr/tr.cgi?id=storemix 大変すばらしいシステムですので是非チャレンジしてみてください。 ---------------------------------------------------------------------- ---------------------------------------------------------------------- ■編集後記 ---------------------------------------------------------------------- 結局今年は２回しか発行できませんでした。楽しみにお待ちいただいている 読者の皆様には大変申し訳なく思っています。・・・というのもこれまで何回 かいったような気がする！！ メルマガの発行はあまりしていませんが、ブログで時々アクセシビリティ関 連の話題を書いています。よろしかったら時々ご覧ください。 http://www.sf-dream.com/blog/ 今年のWebアクセシビリティ関連の大きな動きは、なんといってもWebアクセ シビリティのJIS規格「JIS X 8341-3」の制定でしょうね。これがきっかけ で、一般社会のアクセシビリティに対する関心がぐっと高まったと思います。 これは大変歓迎すべきことですね。 しかし、まだまだ製作の現場ではJIS規格に書かれている以上のことは分か らないといった感じのようです。またJIS規格自体にも問題がある部分もある でしょう。 来年は少しでもこれらの問題が解消される方向に向かうことを願いたいもの です。 それでは、少し速いですが良いお年をお迎えください。 ---------------------------------------------------------------------- ■『ホームページバリアフリー度鑑定団』からのお知らせ ---------------------------------------------------------------------- ★読者投稿募集のお知らせ 『ホームページバリアフリー度鑑定団』では、あなたからの投稿を募集して います。 メルマガをお読みになってのご質問・ご意見・ご感想、Webアクセシビリテ ィに対する御意見、あなたやあなたの属する団体・企業でのWebアクセシビリ ティに対する取り組み、Webアクセシビリティ関連のイベント情報、障害者に 役立つと思われるハイテク機器の情報など、アクセシビリティ関連の話題なら なんでもかまいません。 あなたからの情報をお待ちしております。 ★メルマガ相互広告のご案内 あなたの発行されているメールマガジンと『ホームページバリアフリー度鑑 定団』との間で、メルマガを宣伝し合いませんか？ だいたい80桁*５行ぐらいのスペースで相互広告を行いたいと考えていま す。 詳細はお問い合わせください。 上記全ての宛先は『バリアフリー度鑑定団事務局』 mailto:magazine@sf-dream.com までお願いします。 ---------------------------------------------------------------------- ○「ホームページバリアフリー度鑑定団 2004/12/14 編集・発行元：ホームページバリアフリー度鑑定団事務局 mailto:magazine@sf-ream.com 発行責任者:九曜 弘次郎 Ｗｅｂ：http://www..sf-dream.com/ 登録解除は下記からお願いします。原則的にメールでは受け付けていません。 http://www.sf-dream.com/mm/hpbar.htm このメールマガジンは、以下のシステムを利用して発行しています。 [まぐまぐ]ID:0000065579、[melma!]ID:m00035853 当メールマガジンは内容を改編しない限り、転載・複写等自由にしていただ いてかまいません。お友達、お知り合い等に広めてください。そして是非定期 購読を勧めていただけるとうれしいです。 ---------------------------------------------------------------------- Copyright(C) 2001-2004 K.Kuyou(Dream) All Rights Reserved. ----------------------------------------------------------------------
