HTMLAreaElement: alt プロパティ
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
alt
は HTMLAreaElement
インターフェイスのプロパティで、ハイパーリンクのテキストを指定し、イメージマップのリンクのテキストラベルを定義します。これは、 <area>
要素の alt
属性を反映します。
alt
の値は、同じ <map>
内にある他の <area>
ハイパーリンクの alt
テキストとともに、 <img>
自体の alt
テキストのもとで表示されたときに、代替テキストを表示しない場合に画像が提供する選択肢と同じものをユーザーに与えるような表現にすべきです。
<area>
がリンクである(href
プロパティを含む)場合、 alt
プロパティの値は、画像が利用できない場合に適切なリンクのラベルとなる、空でない文字列でなければなりません。リンク <area>
の alt
属性は、同じ <map>
内に、同じリソースを指し、 alt
属性が空白でない別の <area>
要素がある場合にのみ、空にすることができます。
値
文字列です。
例
js
const areaElement = document.getElementById("imageArea");
console.log(areaElement.alt);
areaElement.alt = "はるかに良いリンクの説明";
仕様書
Specification |
---|
HTML # dom-area-alt |
ブラウザーの互換性
関連情報
HTMLImageElement.alt
HTMLInputElement.alt
HTMLMapElement
<area>
<map>
<a>
- Good alt text, bad alt text — Making your content perceivable on WCAG.com (2021)
- An alt decision tree on W3C Web Accessibility Initiative (WAI)