【広告】Amazonから最大10%ポイントアップ新生活応援セール29日開催

H:Home > Read Me First > Profile > Diary
i-mode / J-SKY / EZweb(の一部) 対応の簡易版
検索文字列:

脱 三日坊主 宣言!

このサイトの管理人、表具師かっぱの日記です。
(新規投稿は出来ませんが、ツッコミは入れられます)

別冊 表具師かっぱの「脱 三日坊主 宣言!」もちまちま更新中

※ 当日記はレイアウトに CSS2 を使用しています ※
(CSS2 未対応のブラウザでも閲覧・投稿は可能です)
なお、IE3NN4CSS への対応が不完全ですので、設定にかかわらず適用されないようにしています。ご了承下さい。

ホームページへ戻る


こちらの記事へツッコミを入れる場合は下のフォームに書いて下さい。
内容が異なる場合はブラウザのバックボタンで戻って下さい。


2004-03-30 の出来事

ウイルスフリー

世間では Netsky の亜種である W32.Netsky.Q@mm が猛威を振るい始めたようですが、うちには今のところ1通も来ていません。それどころか、今月2日以来、1日10通近く届いていた W32.Netsky.D@mm も、昨日の16時18分に届いたのを最後に、今日は1通も来ませんでした。何て平和な1日なんでしょう。(本来はこれが当り前の状態なのですが……)

ウイルスチェックも万全ですし、現在、うちのパソコン君はウイルスフリーです。

HPR3 は screen メディア?

音声読み上げブラウザと言えば、IBM Japanホームページ・リーダー V 3.01 が有名なのですが、ホームページ・リーダー3 は独自のパーサを持っているわけではなく、HTML の取得やパースには IE を利用していて、IE のレンダリング結果に対して読み上げを行うらしく、音声ブラウザなのに @media 規則は aural ではなく screen に従うそうです。

つまり、音声ブラウザの為にサイトメニューのブロックを読み飛ばしたり、本文の始まりと終わりを示す情報を以下のようにテキストで提供しても、意図した通りに読んでくれず、意味が無いそうです。

<style type="text/css">
 <!-- /* 音声ブラウザ用の設定 */
  @media screen { /* screen メディアでは表示しない */
      .Navigation_Anchor { display: none; }
  }
  @media aural { /* aural メディアでは表示する */
      .Navigation_Anchor { display: block; }
  }
 /* 音声ブラウザ用の設定 ここまで */ -->
</style>

<p class="Navigation_Anchor">(<a href="#start">ページ内目次を飛ばす</a>)</p>

で、悩んだ末に、1px × 1px の透過画像を作って、その alt 属性値にナビゲーションテキストを書くという方法を採り、以下のように修正しました。

<style type="text/css">
 <!-- /* IBM HPR 対策 */
  p.Navigation_Anchor { /* ここまでする必要があるかどうかは疑問 */
      margin: 0; padding: 0em; border: none;
      font-size: 0em; line-height: 0em;
      width: 0em; height: 0em;
  }
  p.Navigation_Anchor img {
      border: none;
  }
 /* IBM HPR 対策 ここまで */ -->
</style>

<p class="Navigation_Anchor">
 <a href="#start">
  <img src="./images/trans-dot.png" alt="(ページ内目次を飛ばす)" width="1" height="1" />
 </a>
</p>

これで上手く行っているかどうかを確かめるには、実際に聞いてみるのが一番なんだけど、試用期間は1ヶ月しかないし、買うとなると 15,000円 はちょっと高いですよね。(地区のお金で買っても怒られないかなぁ……)

それと、HPR3 に対してはこの方法で上手く行っても、富士通らくらくブラウザ はどうなんだろう? こっちは 9,500円 だから安いところを探して自分で買おうかな。

2004-03-30 の出来事にツッコミを入れる


本日のツッコミ

のり E-mail URL

See.
http://memo.imagines.jp/memo_hpr.html

(2004年04月01日 (木) 01時45分)

表具師かっぱ(管理人) E-mail URL

犬神さんの「ホームページ・リーダー v3.01 の読み上げメモ」ですね。無茶苦茶詳しくて有難いです。
じっくり読んで、有意義に活用させて頂きます。(u_u)

(2004年04月01日 (木) 01時59分)

のり E-mail URL

かっぱさんは、重々承知だと思いますが一応念のため書いておきます。
音声UAはHPRだけでなく他にもいろいろあるので、この音声UAなら大丈夫ということはないです。結局はなんらかのUAに対策するというよりは、標準的(何)な作りで、何とかするしかない気がしています。どこらへんで折り合いをつけるのがいいのか、なかなか難しいところですが。
蛇足でした。失礼しますた。

(2004年04月01日 (木) 02時40分)

表具師かっぱ(管理人) E-mail URL

のりさんの仰る通りだと思います。
結局、視覚系 UA への対処と同様に、Web 標準に準拠した作りで、著しい不都合が生じるもののみ個別に対応するのが良いのかも知れませんね。
本当に、難しい問題だと思います。

(2004年04月02日 (金) 03時40分)





ツッコミ投稿フォーム


Number
Pass

ThinkPadを買おう!
レンタカーの回送ドライバー
【広告】Amazonから最大10%ポイントアップ新生活応援セール29日開催
無料で掲示板を作ろう   情報の外部送信について
このページを通報する 管理人へ連絡
SYSTEM BY せっかく掲示板