跳到主要內容
  • 字級
:::|

1.1.1 HM1110102E 提供影像地圖區域的替代文字,並要能確實表達這些地圖區域的功能與目的

稽核評量碼

HM1110102E

對應成功準則

1.1.1

對應認證等級

A

對應國際技術碼

H24

類別

HTML

訊息

提供影像地圖區域的替代文字,並要能確實表達這些地圖區域的功能與目的

英文訊息

H24: Providing text alternatives for the area elements of image maps

ARIA6:Using aria-label to provide labels for objects

ARIA15:Using aria-describedby to provide descriptions of images

規則說明

提供影像地圖區域的替代文字,並要能確實表達這些地圖區域的功能與目的

檢測說明

範例1:提供描述影像地圖區域用途的文字

  1. 開啟瀏覽器如Firefox,並搭配外掛擴充元件如「Firefox Accessibility Extension」,顯示替代文字(Accessibility→Text Equivalents→Show Text Equivalents)
    利用工具顯示替代文字
  2. 檢查所有的替代文字是否與其圖片區域原本要表達的功能及意義吻合,必要的時候並參考區域的鏈結目的地來驗證。
    替代文字與圖片區域吻合

 

範例2:利用aria-describedy>提供在同一頁面上的詳盡描述

網頁呈現
利用aria-describedy提供在同一頁面上的詳盡描述

原始碼
<img src="ladymacbeth.jpg" alt="Lady MacBeth" aria-describedby="p1">
<p id="p1">This painting dates back to 1730 and is oil on canvas. It was created by
Jean-Guy Millome, and represents ...</p>

說明