跳到主要內容區塊
:::|

表單控制項設計應注意的事項。

  • 點閱:5381
  • 資料來源:
  • 日期:103-03-20

當網頁有需要使用者輸入資料時,就會使用到表單控制項,良好的表單控制項設計可以讓障礙人士透過輔具的導讀,在適當的文字框內順利填入正確的資料,設計時需注意以下幾個要項:

1.確保表單的控制項與控制項說明之間的配合適當。
2.若表單控制項過多時,可使用群組間的區隔,如:fieldset及legend>標簽,以區隔控制項的性質。
3.在表單控制項上,以label標籤提示資訊。
透過輔具,當頁面焦點移至表單控制項時,輔具就會將對應的表單控制項說明訊息讀出,以提示障礙人士將正確資料填入文字框中,例如:為查詢的輸入框前加上提示標簽label for,並於輸入框的input 標簽中新增id的屬性與label for的值相對應:

label for 的範例說明

參考資料:

指引三(可調適):建立能以不同方式(例如簡化的版面)呈現,而仍不會喪失資訊或結構的內容
3.1(檢測等級A)由呈現方式所傳達的資訊、結構與關連性要能以程式化的方式判讀,或者有對應的文字。
EV1030110:對於複雜表格,以有意義的標記來建立表格標頭儲存格與資料儲存格之間的關連
EV1030111:將表單控制元件及表單內的選項予以適當地分群並提供相關的描述
EV1030112:使用標籤組件將文字標籤與表單控制元件建立關連
EV1030113:無法使用標籤組件的情況下,用標題屬性來指明表單控制元件

上一頁| 回首頁