跳到主要內容
:::|

8.4:XH1080400 連往相同資源的毗鄰圖片與文字,其由文字內容及替代文字產生之鏈結文字只能有一份。

檢測碼

XH1080400

訊息

連往相同資源的毗鄰圖片與文字,其由文字內容及替代文字產生之鏈結文字只能有一份。

英文訊息

H2: Combining adjacent image and text links for the same resource

檢測規則

如果相鄰的圖片和文字超連結都是連往相同的資源,必須將超連結合併使用,且圖片alt屬性必須是空值或不可重複連結文字的內容,通過檢測,否則檢測失敗。

說明

若相鄰的圖片和文字連往相同資源,<img>中的alt屬性和文字內容不重複,通過測試

原始碼範例

[example1]
<a href="foo.htm">
  <img src="house.gif" alt=""/>
 回去首頁
</a>   

 

[example2]
<a href="foo.htm">
  <img src="logo.gif" alt="機關標誌"/>
  回到首頁
</a>    

 

說明

[example1]

標籤<img>中的src屬性內容為house.gif,然而鏈結文字內容已經是”回去首頁”,所以標籤<img>中的alt屬性就不再多做相同意義的替代文字設定。

 

[example2]

標籤<img>中的alt屬性的替代文字值不得和鏈結文字相同。