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 2015年7月.
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> |
ブラウザーの互換性
Loading…
関連情報
HTMLImageElement.altHTMLInputElement.altHTMLMapElement<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)