スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
  1. --/--/--(--) --:--:--|
  2. スポンサー広告|
  3. トラックバック(-)|
  4. コメント(-)
  5. | 人気ブログランキング
  6. | FC2 Blog Ranking
  7. | はてなブックマークに追加
  8. | Buzzurlにブックマーク
  9. | livedoor クリップに追加

ナビゲーションのスキップと文書構造

ウェブコンテンツJIS【JIS X 8341-3】

<引用>

5..開発及び制作に関する個別要件
5.3 操作及び入力
h) 共通に使われるナビゲーションなどのためのハイパリンク及びメニューは,読み飛ばせるようにすることが望ましい。

<引用 終わり>


■『ナビゲーションのスキップ』をする理由

 スクリーンリーダー音声ブラウザを使用している障害者のためですね。

  • どのページでも最初の方に共通のナビゲーションを読まされる煩わしさからの解放
  • いつも同じ内容が読み上げられるので、前と同じページを見ているのかと錯覚することからの解放

■『ナビゲーションのスキップ』の方法

  1. 【A.A.O. - Webアクセシビリティ実用サイト】 の場合
    http://www.aao.ne.jp/
    ナビゲーションの前のテキスト[本文へ]をアンカーにし、リンク先・本文をIDで指定
  2. 【Webアクセシビリティのポータルサイト『Infoaxia(インフォアクシア)』】 の場合
    http://www.infoaxia.com/
    ナビゲーションの前の透明spacer.gifをアンカーにし、alt="メインメニューをとばして、このページの本文へ"を読み上げるようにして、リンク先・本文をIDで指定
  3. 小夜鳴鳥氏のブログ【ing../】 の場合
    http://ing.sayonakidori.com/
    ナビゲーションの前のテキスト[エントリーへ]をアンカーにしCSSでスクリーンの外に移動させて表面上は見えないようにし、リンク先・本文をIDで指定

といった所でしょうか。いろいろ複雑ですね。
2. 『透明spacer.gifをアンカーに』は、使用方法を間違えると問題ありのようです。

■アクセシビリティアナリスト 清家やすよ氏の

を是非ご覧ください。

■また望月 優(モチヅキ ユウ)氏発行のメールマガジン
ウェブアクセシビリティ入門
http://www.amedia.co.jp/melmaga/webaccess/index.htm
第7号 -ナビゲーションメニュー対策と課題- によれば

<引用>

 PC-Talkerや95Readerなどのスクリーンリーダー+IEの組み合わせでジャンプ先を読み上げてくれないことがあります。
(途中 略)
 リンクを付けた画像が小さすぎるとダメなんですって!  だから、画像ではなくテキストにリンクを付けた場合もダメ!(こちらは私もテスト済みです)

<引用 終わり> 残念ながら、10月から最新号のみの閲覧です。

■そこでお薦めするのが、「望月 優」式文書構造『(見出しを含めた)本文を前に、ナビゲーションを後に』です。
株式会社アメディア
http://www.amedia.co.jp

この文書構造の利点は

  • 単純・明快
  • 障害者も、検索ロボットも情報を取得しやすい
  • SEOも自然と向上(内部要因の改善)し、アクセスアップが期待できる

欠点は

  • なじみがない
  • デザイン(文書表現 = CSS)が開発されていない

 クリエータの皆さん、是非クールなCSS開発をお願いします。

スポンサーサイト
  1. 2005/10/28(金) 02:06:14|
  2. 汎用設計(ユニバーサルデザイン)|
  3. トラックバック:0|
  4. コメント:0
  5. | 人気ブログランキング
  6. | FC2 Blog Ranking
  7. | はてなブックマークに追加
  8. | Buzzurlにブックマーク
  9. | livedoor クリップに追加
<<h1要素と文書構造 | ホーム | テレビ局とネットビジネスとプロ野球の関係>>

コメント

コメントの投稿

管理者にだけ表示を許可する

トラックバック

トラックバックURLはこちら
http://48luck.blog9.fc2.com/tb.php/46-cd033678

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。