圖片標題屬性或鏈接標題屬性或兩者？

Question

比方說，我有一個頁面上的圖像列表，包裝在鏈接中。所以當你點擊一張圖片時，你會看到一個顯示較大圖像的頁面

我應該如何在這裏處理標題標籤？

我是否將圖像標題放在圖像和鏈接上，或只是圖像？如果標題與「alt」屬性相同，是否重要？

<a title="image description" href="#"><img title="image description" alt="image description" src="image.jpg"></a> 

Answer 1

圖像標題屬性應該描述圖像。

鏈接標題屬性應描述鏈接的目標。

<a title="view larger version" href="#"> 
    <img title="image description" alt="image description" src="image.jpg"> 
</a> 

Answer 2

HTML5定義了alt用法的指導原則。參見「A link or button containing nothing but an image」：

當a元素是超鏈接，或button元件，沒有文本內容，但包含一個或多個圖像，包括在alt屬性（一個或多個）的文本一起傳達鏈接或按鈕的目的。

因此，您的alt屬性內容可能包含類似「Open larger version of ...」的內容。

（您也可以在my answer有興趣的UX SE的問題：應該在ALT文本是對圖像什麼，這也是一個鏈接）

---

你不應該有相同的內容爲alt和title。見general guidelines (from the W3C Candidate Recommendation of HTML5)（更新：在HTML5中，this section got changed的W3C推薦標準，它不再包含引號）：

這麼做的必然結果是，alt屬性的值不應該包含文本可能是考慮圖像的標題，標題或圖例。它應該包含用戶可以使用的替代文本，而不是圖片;它並不意味着補充圖像。 title屬性可用於補充信息。