html - リンク画像にタイトル属性を実装する方法

Question

リンク画像にタイトルとaltを実装する最良の方法は何だろうと思っていました。

img-tag は title 属性と alt 属性の両方を持つことができ、a-tag は title 属性のみを持つことができます。画像をリンクするとき、タイトル属性を実装する最良の方法は何ですか? img と a-tag の両方に付ける必要がありますか、それともどちらか一方だけに付ける必要がありますか?

Answer 1

彼らは異なるアプローチをしています。title 属性は要素に説明を追加し、alt 属性は画像の代替テキスト表示として動作します。

<a href="..." title="Click here for more information about VanGogh">
    <img src="vangogh.png" alt="Famous painting of VanGogh" />
</a>