img

img要素は画像を表します。グラフィカルブラウザでは、ページの中にその画像が埋め込まれる事が期待できます。テキストブラウザや非ビジュアルユーザーエージェントでは、alt属性の値が代わりに使われます。

上位要素として、object要素があります。代替テキストが柔軟に記述でき、マルチメディアリソースを統一的に扱える為、まずobject要素の使用を検討する事をお勧めします。

img要素は、埋め込む画像のURIをsrc属性で指定します。画像が利用不可能な時、表示しない設定の時、そもそも視覚情報が意味を成さない時などは、画像を埋め込む代わりにalt属性の値が展開されます。

画像が表示されなくても、できるだけ近い(できれば等価な)内容が伝わるようにしなければなりません。上記の例では、書籍の著者の写真を埋め込んだ時が想定されています。画像を見られない人は、画像こそ見られませんが、そこに著者の写真がある事は認識できます。

等価な内容というのは、常に説明的な文章であるとは限りません。アクセントとして、hn要素の中に小さな星の画像を入れた場合、alt="星の画像"では逆に理解の妨げになります。alt="*"のようにアスタリスクを入れたり、いっその事空にしたりすべきです。

逆に、等価な内容を伝えようとすると、とんでもなく長い文章を書かなければならない事があるかも知れません。例えば、最寄り駅からイベント会場までの道程を画像で紹介する場合です。画像が使えるならば閲覧者の視覚に訴える事ができるので地図の上に線を引けば良いですが、文章で表現するとなると、alt="なんとか駅のかんとか口を出て右に曲がり、二つめの信号の手前で左に曲がってうんたら百貨店の手前で右に曲がり、かんたら郵便局を通り越した所で……"なんて事になりかねません(そんなに駅から遠い会場なんて選ばないですか?)。そういう長い説明を加えたい時は、longdesc属性を使います。

この場合のalt属性では、longdesc属性で示される詳しい説明が閲覧者にとって必要かどうかを判断させるのに十分な情報を与えなければなりません。求めてもいない情報を長々と吐かれても、見る側は不満が溜まるだけです。

alt属性は必須です。src属性もそうですが、src属性が正しい画像のURIを指しているかどうかを気にするよりも、むしろalt属性が適切かどうかを気にするべきです……と言うと少々言い過ぎですが、それ程言い過ぎでもありません。