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

3.3.2 GN1330206E 指出必需的表單控制元件

稽核評量碼

GN1330206E

對應成功準則

3.3.2

對應認證等級

A

對應國際技術碼

H90

類別

General

訊息

指出必需的表單控制元件

英文訊息

H90: Indicating required form controls using label or legend

ARIA9: Using aria-labelledby to concatenate a label from several text nodes

規則說明

任何在HTML或XHTML的網頁內,出現必需要使用者進行選擇的表單,需在表單開頭處提供文字指出必需的表單控制元件。

檢測說明

範例1:指出單選按鈕組或複選框控件所需的狀態

  1. 使用Google Chrome「檢視原始碼」顯示連結 (按下右鍵→檢視原始碼)。
    檢視原始碼示意
  2. 檢查表單上描述指出必需的表單控制元件的文字是否有在<legend>標籤內。
    確認必要表單控制元件示意圖

 

範例2:使用<aria-labelledby>關聯相關輸入的行列標題

原始碼

<table>
       <tr>
              <td></td>
              <th id="tpayer">Taxpayer</th>
              <th id="sp">Spouse</th>
       </tr>
       <tr>
              <th id="gross">W2 Gross</th>
              <td><input type="text" size="20" aria-labelledby="tpayer gross" /></td>
              <td><input type="text" size="20" aria-labelledby="sp gross" /></td>
       </tr>
       <tr>
              <th id="div">Dividends</th>
              <td><input type="text" size="20" aria-labelledby="tpayer div" /></td>
              <td><input type="text" size="20" aria-labelledby="sp div" /></td>
       </tr>

</table>

說明