ArtSaltのサイドストーリー

音楽、フリーウェア、WEBサービス、食べものなどに関する日記。トラックバック、コメント歓迎。

alt属性とtitle属性について考えてみた

a要素とかimg要素の代替テキストの問題(あるいはalt属性とtitle属性の問題)がもじら組の「Web標準普及プロジェクト」でとりあげられていることを知った。
img要素でalt属性の内容がポップアップしない - Web標準普及プロジェクト

そもそもalt属性というのは

非テキスト系の要素である、IMG、AREA、 APPLET、INPUT要素は、著者に対し、当該要素が順当にレンダリングされない場合の要素内容として提供される代替テキストを指定することを求める。代替テキストを指定すると、グラフィックディスプレイ端末がないユーザ、フォーム非対応のブラウザを使っているユーザ、視覚障害のあるユーザ、音声合成装置のユーザ、グラフィック系ユーザエージェントを画像を表示しない設定で使っているユーザ、等の助けになる。


… なんだそうで、それに対してtitle属性は

title属性の値は、ユーザエージェントによって様々にレンダリングされるであろう。 例えば、視覚系ブラウザはタイトルを「ツールチップ」 (ポインティングデバイスがオブジェクトの上にある際に現れる短いメッセージ) として表示しがちである。音声ユーザエージェントは、同様の文脈で、タイトル情報を話すであろう。 次のようにリンクにtitle属性を設定すると、視覚系か非視覚系かを問わず、 ユーザエージェントはユーザに対してリンク先資源の性質を知らせることができる。


というもの。
(出典は「HTML 4仕様書邦訳計画補完委員会」の HTML 4.01 Specification (ja) )。
Objects, Images, and Applets in HTML documents
The global structure of an HTML document (ja)

イメージがなんらかの理由で読み込まれなかった場合、alt属性で指定した代替テキストが表示されるわけなんだけど、その目的のひとつが視覚障害者のブラウジングをサポートすることなんだそうで。

ついでに言えば、

>これを音声や点字に変換しなければならないユーザエージェント

のことを念頭に置く必要があろうかと。

このブログのソースのスクリーンショット(イメージの代替テキスト)

で、なんでこんな話題を持ってきたかっていうと、私が最近使ってる Google Reader がFirefox(バージョンは2.0ではなく1.5.0.8)ではイメージを表示してくれるとは限らないので、「人ごとではないぞ」と思ったのだ。

livedoor Reader または Google Reader に関連する最近の記事新規ウィンドウまたは新規タブで開くアイコン をクリックで新規ウィンドウまたは新規タブ)
新規ウィンドウまたは新規タブで開くアイコン livedoor Reader と Google Reader の比較

というわけで、さっそくArtTipsのCLIPBOARD拡張設定の「挟む」において
左に <img src="
右に " alt="●●(イメージの代替テキスト)"> を記述しといた。これを、img要素を書くときの基本とする。
(「●●」に当てはめるテキストはそのときの気分で)

今後、うちのブログでそういうソースを書くようにするけど、「イメージの代替テキスト」なんていう文言は不要かなぁ。
そんなことより、fieldset要素なんて使わないで、
ちゃんとblockquote要素を使え、とか言われそうだけど (´▽`*) アハハ


最近の関連記事新規ウィンドウまたは新規タブで開くアイコン をクリックで新規ウィンドウまたは新規タブ)

新規ウィンドウまたは新規タブで開くアイコン ブログのfaviconつくってみた (+_+)
新規ウィンドウまたは新規タブで開くアイコン 無断リンク、直リンク、大歓迎
新規ウィンドウまたは新規タブで開くアイコン 新規ウィンドウで開くか否か

Google
WWW ArtSaltのサイドストーリー
Web site (optional)
Comment - Need to type CAPTCHA, an image of distorted Japanese Hiragana or Katakana afterward.
Password - Not allowed to modify your comment later if password not entered.
On secret mode?
 

http://art2006salt.blog60.fc2.com/tb.php/272-3dd039ae

このブログについて

最近のエントリ

カテゴリー
あわせて読みたいブログ

あわせて読みたい

最近のコメント
Internet Explorer
よりも便利です

Opera 9 - Always secure with Opera Firefoxをダウンロード!!

相互リンク