“img”要素~“alt”属性

“alt”属性について

“alt”属性は埋め込まれた画像の代替テキストを指定します。“alt”属性の値は音声読み上げソフトによって使用されたり、何らかの理由で画像が表示できない場合に画像の代わりに表示されるテキストとして使用されます。

“alt”属性は必須属性ではありませんが、画像の内容が製作者にはわからない場合と画像が“figure”要素の中にあって“figcaption”要素によって画像と同等の情報が記述されている場合以外は省略できないのでほとんどの場合は省略できません。

指定できる値

画像と同等の意味を持つテキストが前後にあって代替テキストにより内容が重複してしまう場合や内容に影響しない装飾目的の画像の場合、複数の“img”要素で一つの画像を構成していて他の“img”要素に代替テキストが指定されている場合、ユーザーに見せることが目的ではない画像の場合は空の値を指定します。

サンプルコード

<img src="sample.png" alt="HTMLタグ辞書 havin'a coffee break">