代替テキスト
意味・解説
Webサイトの画像の内容を説明するテキスト情報。画像が表示されない際や、音声読み上げソフトで使用される。
HTMLの`<img>`タグのalt属性に記述される。視覚障害者がスクリーンリーダー(音声読み上げソフト)を利用してWebサイトを閲覧する際、画像の代わりにこのテキストが読み上げられる。アクセシビリティの向上だけでなく、検索エンジン(SEO)が画像の内容を理解するためにも重要な役割を果たす。
くわしく
「目が見えない、あるいは通信が悪くて画像が見えない人(や機械)に、画像の中に何が描かれているかを言葉で伝える『説明ラベル』」のことです。
1.記述のコツ:
単に「画像1」とするのではなく、「青い空を飛ぶ白いカモメ」のように具体的に書くことが推奨されます。
2.装飾用:
デザインのための背景画像など、意味を持たない画像の場合は、あえて空(alt="")にして読み飛ばさせる配慮も必要です。
例文
Webサイトのアクセシビリティ指針に基づき、全ての重要な画像に適切な代替テキストを設定した。
同義語: alt属性, 代わりのテキスト
分類: Webコンテンツの構造化