デザイナーの勉強ブログ

alt属性の最適化

alt属性とは、HTMLの画像タグに付記する説明文のこと。
普段は非表示になっているが、画像を表示できないときや、
ブラウザの画像が非表示設定されているときに、画像の代わりとして表示される。

代替テキストが重要なのは、検索エンジンが画像を認識できないので、
画像の代わりにalt属性に設定したテキストを認識させる。

代替テキストは人間のユーザーもみることができるので、
alt属性を適切に使用すれば、画像の正確な情報を伝えることができる。

目の不自由な人用の特別なブラウザでは、
画像の代わりに代替テキストを読み上げるので、
画像コンテンツのアクセシビリティを確保することができる。