跳到主要內容
:::|

1.6:H101105 當影像地圖使用為上傳按鈕時,每一作用區域必須分別使用不同的按鈕

說明:當表單中的功能按鍵(例如上傳按鈕)作為影像地圖的設計時,需要對於此影像地圖中的各圖像按鈕做分別各自按鍵的設計。若個別按鈕仍採用圖片設計,則必須以alt屬性提供文字說明。這樣的設計對於將瀏覽器的圖像顯示功能關閉的使用者,或是使用純文字瀏覽器的使用者來說,才可以同樣地使用表單中的功能按鍵。

範例:表單中使用的兩個功能按鍵「搜尋」及「重新輸入」是設計在一張影像地圖中。

不良設計

下面的例子為影像地圖中包含「搜尋」及「重新輸入」兩個功能按鍵,然而這樣的設計會造成使用者不能分辨不同功能的按鍵。

<>

 

<INPUT type="text" name="keyword">

<IMG src="2bottons.gif" width="160" height="23" alt="搜尋與重新輸入按鍵" usemap="#Map" border="0">

 

<MAP name="Map">

<AREA shape="rect" coords="4,4,54,21" href="#submit" alt="搜尋" title="搜尋">

<AREA shape="rect" coords="66,3,137,22" href="#clear" alt="重新輸入" title="重新輸入">

</MAP>

正確示範

下面的範例是將原在一張影像地圖中的這兩個功能按鍵各自拆開,設計成一個「搜尋」圖像按鍵,和一個「重新輸入」圖像按鍵。

正確範例:

<INPUT type="text" name="keyword">

<INPUT name="Submit" id="keyword" type="image" src="botton1.gif" alt="搜尋">

<INPUT name="Clear" type="image" src="botton2.gif" alt="重新輸入">

 

上一頁| 回首頁