跳到主要內容
:::|

10.3:H210102 確保表單的控制項與控制項說明之間的配合很適當

說明:由於表單可以讓使用者傳達與網頁伺服器溝通的資訊,因此必須確保表單的控制項與控制項說明之間的配合很適當,亦即必須明確顯示表單的控制項與控制項說明之間的關聯性。以便身心障礙者無論是選取表單的控制項或者是控制項說明,皆可以有反應並傳送資訊至伺服器端。

表單的控制項與控制項說明之間的配合有三點原則可以遵守:

(一)核選方塊及選單按鈕的說明標籤文字設定在核選方塊及選單按鈕之前。
(二)文字區塊的說明標籤文字須出現的文字區塊之前。
(三)群組表單控制項的說明標籤文字須出現在群組表單控制項之前。
範例:未提供表單控制項說明,使用者將不能肯定填入的資料是否切合需求。

不良設計

未提供表單控制項說明,使用者將不能肯定填入的資料是否切合需求。以下的不良設計只是單純插入文字作為表單的控制項說明。>

不良設計:

< FORM action = "customer" method = "post" > 
生日:
< INPUT type = "text" id = "birth" value = "請填您的國曆生日年月日" > 
< /FORM >


正確範例

表單控制項統指所有FORM的物件,為了要讓使用者清楚知道這該欄位或選單要怎麼填資料或選擇,必須在表單控制項說明文字,說明文字等於是給使用者下一個動作的提示。

正確範例:

< FORM action = "customer" method = "post" > 
< LABEL for = "birth" > 生日: < /LABEL > 
< INPUT type = "text" id = "birth" value = "請填您的國曆生日年月日" > 
< /FORM >

上一頁| 回首頁